WTF Board for myChess by wtfchess

/* ==UserStyle==
@name           wtf board for mychess
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    black rounded squares with a lil bit of noise, orange move squares
@author         t.me/wtfchess
==/UserStyle== */
@-moz-document url-prefix("https://mychess.app") {

    cg-board {
        background-image: url('https://i.ibb.co/0fgKmzv/mychessboard.png') !important;
        background-size: cover;
    }
    .last-move {
        background-color: #ffab54c9 !important;
    }
    .check {
        background: radial-gradient(ellipse at center, #ab5700c9 15%, #ffab54c9 40%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%)!important;
        border: none !important;
    }
    .selected {
        background-color: #ffab54c9 !important;
    }
    .move-dest {
        background-color: #ffab54c9 !important;
    }
    .current-premove {
        background-color: #ffab54c9 !important;
    }
    .move-dest-oc {
        background-color: #ffab54c9 !important;
    }
    cg-container svg.cg-shapes g line {
        stroke: #c36506c9 !important;
        stroke-width: 0.125 !important;
        stroke-linecap: round !important;
        marker-end: url(#arrowhead-primary) !important;
        path: #ffab54c9 !important;
        opacity: 1 !important;
    }

    cg-container svg.cg-shapes g circle {
        stroke: #c36506c9 !important;
        stroke-width: 0.0625 !important;
        fill: none !important;
        opacity: 1 !important;
    }
    cg-container svg.cg-shapes defs marker#arrowhead-primary path {
        fill: #c36506c9 !important;
    }
}