[hwyd] Dark Theme - How Was Your Day (3 themes) by kuroi_mato_o

/* ==UserStyle==
@name           [hwyd] Dark Theme - How Was Your Day (3 themes)
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Userstyle for hwyd.ru
@author         Kuroi_Mato_O
==/UserStyle== */
@-moz-document domain("hwyd.ru") {


/*
    Вы можете выбрать одну из трёх готовых цветовых палитр,
    для этого нужно раскомментировать нужную палитру и закомментировать активную.
    Активная тема по умолчанию - purple theme.

*/

    :root {
/* purple theme */
    --bg0: #2924AF;
    --bg1: #393779;
    --bg2: #16128b;
    --bg3: #3E39C1;
    --bg4: #2f2ac4;
    --bg5: #4A1DAC;
    --bg6: #483276;
    --bg7: #230661;
    --bg8: #5E31BE;
    --bg9: #673FBE;
    --bg10: #1B4AA7;
    --bg11: #314773;
    --bg12: #06245E;
    --bg13: #305FBB;
    --bg14: #3E68BB;
    --text: #dedede;
    --shadow: #000 1px 1px;
        
/* ocean theme */
/*  --bg0: #11779D;
    --bg1: #2A5A6D;
    --bg2: #044159;
    --bg3: #258CB3;
    --bg4: #3390B3;
    --bg5: #1B4CA7;
    --bg6: #314873;
    --bg7: #06255E;
    --bg8: #2F60BA;
    --bg9: #3D69BA;
    --bg10: #0CA774;
    --bg11: #29735B;
    --bg12: #035E40;
    --bg13: #20BA88;
    --bg14: #30BA8D;
    --text: #e4e4e4;
    --shadow: #000 1px 1px; */
        
/* rust theme */
/*     --bg0: #B05600;
    --bg1: #794F26;
    --bg2: #633100;
    --bg3: #CB7523;
    --bg4: #CB843F;
    --bg5: #B06D00;
    --bg6: #795926;
    --bg7: #633E00;
    --bg8: #CB8B23;
    --bg9: #CB963F;
    --bg10: #B03500;
    --bg11: #793F26;
    --bg12: #631E00;
    --bg13: #CB5523;
    --bg14: #CB693F;
    --text: #f7f7f7;
    --shadow: #000 1.0px 1px; */
    }
    

    html,
    body {
        background: #181818;
        color: var(--text);
    }
    
    body, td{
        font-family: Verdana,sans-serif!important;
    }
    
    .hdrs, #taskname, #cost{
        color: var(--text);
    }
    
    .hdm{
        color: var(--text);
        background: var(--bg0);
    }

    .cal {
        background: #1d262b;
        text-shadow: var(--shadow);
        color: var(--text);
    }

    .thismonth {
        background: #1c252a;
        text-shadow: var(--shadow);
    }

    .weekday {
        background: var(--bg0);;
    }

    .today {
        background: #472424;
    }

    .coff, .info.hide, #cost, .autocomplete-suggestion {
        border: 1px solid #818181;
        background: #1c252a;
        color: var(--text)
    }
    
    .cofft,.frm, #frm4, #status, #name{
        background: #0000004d;
        color: var(--text)
    }
    
    .tip:hover {
        border: 1px solid #afafaf;
    }

    .c0 { background: var(--bg0); }
    .c1 { background: var(--bg1); }
    .c2 { background: var(--bg2); }
    .c3 { background: var(--bg3); }
    .c4 { background: var(--bg4); }
    .c5 { background: var(--bg5); }
    .c6 { background: var(--bg6); }
    .c7 { background: var(--bg7); }
    .c8 { background: var(--bg8); }
    .c9 { background: var(--bg9); }
    .c10 { background: var(--bg10); }
    .c11 { background: var(--bg11); }
    .c12 { background: var(--bg12); }
    .c13 { background: var(--bg13); }
    .c14 { background: var(--bg14); }


    .task.hand,
    .cald {
        filter: saturate(75%);
    }

    .task{
        overflow: visible;
    }
    
    .trash, .lock{
        left:-25px;
    }
    
    .bd2,
    .task:hover,
    .cald:hover {
        filter: saturate(150%)!important;
    }

    .bd2 {
        border: 1px solid #fff;
    }
    
    .foot a, .foot a:visited{
        color: var(--bg4);
    }
    
/*   widgets   */
    .tomatera,
    .mindful,
    .ff {
        background: var(--bg1)
    }
    .tomatera a,
    .mindful a,
    .ff, .ff a {
        color: var(--text)
    }
    #pstart, #pominfo, #pstop, #prend,
    #mindinfo {
        background: var(--bg3);
        color: var(--text)
    }
    
    .todod, .tlabel{
        background: var(--bg1);
        color: var(--text);
        text-shadow: var(--shadow);
    }
    .todoitem, .todoitem a{
        background: var(--bg6);
        color: var(--text);
        text-shadow: var(--shadow);
    }
    #chat .pure-button{
        background: var(--bg1);
        color: var(--text)
    }
    

}