mahjon.gg Dark mode by jessfairbairn

/* ==UserStyle==
@name         mahjon.gg Dark mode
@version      20240322.21.26
@namespace    userstyles.world/user/jessfairbairn
@description  Dark mode
@author       jessfairbairn
@license      CC Zero
==/UserStyle== */

@-moz-document url-prefix("https://mahjon.gg/") {
body{
    background-color: #222;
}


.solitr-brand{
 color:rgb(241, 249, 236);   
}

/*Game tab*/
.solitr-tab.active{
    background: rgb(55, 57, 54);
    border:rgb(33, 60, 20);
    color:rgb(241, 249, 236);
}

.solitaire-tab {
   background: #4646b0;
    border-color: #020209;
}

.spider-tab {
    background: #9e4289;
    border-color: #592828;
}

.sudoku-tab {
    background: #72482e;
    border-color: #522323;
}

a.solitr-tab span {
    color:rgb(241, 249, 236);
}

.mahjong-menu-bar-contents{
    color:rgb(241, 249, 236);
    background-color: rgb(55, 57, 54);
}

.mahjong-menu-bar-contents a {
    color:rgb(241, 249, 236);
}

.mahjong-menu-bar-contents a div {
    filter: invert(100%) hue-rotate(155deg);
}

.mahjongCanvas {
    filter: invert(100%) hue-rotate(155deg);
}

.tileContainer{
   background-color:#222!important;
}

.tileOverlay {
    
    background-image: 
        
        linear-gradient(to bottom,
            rgba(255, 197, 0, 0) 0,
            rgba(255, 197, 0, .15) 7%,
            rgba(255, 197, 0, .25) 93%,
            rgba(255, 197, 0, .5) 100%),
        
        linear-gradient(to right,
            rgba(255, 197, 0,.4) 0,
            rgba(255, 197, 0, 0) 7%,
            rgba(255, 197, 0, 0) 93%,
            rgba(255, 197, 0, 0) 100%);
}

.tileOverlay.selected {
    
    background-image: 
        
        linear-gradient(to bottom, 
            rgba(255, 137, 0, .3) 0,
            rgba(255, 137, 0, .45) 7%,
            rgba(255, 137, 0, .5) 93%,
            rgba(255, 137, 0, .6) 100%),
        
        linear-gradient(to right,
            rgba(255, 137, 0, .4) 0,
            rgba(255, 137, 0, 0) 7%,
            rgba(255, 137, 0, 0) 93%,
            rgba(255, 137, 0, 0) 100%);
}

/*.tileOverlay{
 xxbackground-color:pink
}

.tile{ 
    background-color:pink;
}*/
}