KG_Dark by VimiummuimiV

/* ==UserStyle==
@name           KG_Dark
@namespace      klavogonki.ru
@version        1.0.0
@description    Dark theme for klavogonki.ru is made to save your eyes from the bright background.
@author         Patcher
==/UserStyle== */

@-moz-document domain("klavogonki.ru") {

    /* Dark theme for klavogonki.ru made to save the eyes */
    :root {
        /* container width */
        --container: 1300px;
        /* global colors */
        --black: #000000;
        --deepgray: #1a1818;
        --darkgray: #282B2F;
        --white: #B2B2B2;
        --blue: #61839a;
        --lightblue: #7aa4c0;
        --red: #AA7788;
        --middlegray: #676c71;
        --orange: #a74;
        /* top main page icons */
        --topRating: url('https://i.imgur.com/coRjBrH.gif') no-repeat 0 0;
        --topToday: url('https://i.imgur.com/oAcuZP9.gif') no-repeat 0 0;
        --topWeek: url('https://i.imgur.com/tU8Fe4v.gif') no-repeat 0 0;
        --topSuccess: url('https://i.imgur.com/hu7hoxL.gif') no-repeat 0 0;
        --topNOError: url('https://i.imgur.com/0YuLUlO.gif') no-repeat 0 0;
        /* forum edit btn */
        --forumEdit: url('https://i.imgur.com/AaYF4mB.png') no-repeat;
        /* virtual keyboard btn */
        --virtualKeyboard: url('https://i.imgur.com/CVbMpI4.png') no-repeat;
        /* remove voc img */
        --rmvoc: url('https://i.imgur.com/vMQOBQd.png') no-repeat;
        /* speed img */
        --speed: url('https://i.imgur.com/Qg4ztHC.png') no-repeat;
        /* close and pin recent games btn's */
        --fixedRecent: url('https://i.imgur.com/0lVhZRk.png') no-repeat;
        --closeResent: url('https://i.imgur.com/B6eH1ag.png') no-repeat;
        --pinResent: url('https://i.imgur.com/k5Ih6ut.png') no-repeat;
        /* close btn */
        --close: url('https://i.imgur.com/JazoG88.png') no-repeat;
        /* logo img */
        --logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150px' viewBox='0 0 2712.89 408.86' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M2645.81 399.8V146.98L2428.66 399.8h-69.35l-137.94-146.53V399.8h-66.08V225.14H2000.4V399.8h-65.57V296.65c-34.87 69.33-105.17 112.21-183.27 112.21-113.96 0-205.52-88.16-205.52-202.84 0-48.33 16.24-95.04 46.59-132.39h-113.99V399.8h-65.57V284.55c-31.61 75.49-106.47 124.31-188.83 124.31-74.72 0-140.96-37-178.9-101.54-13.34 61.07-69.46 92.48-129.15 92.48H802.28l-56.71-118.79H607.43L551.31 399.8h-61.16L379.7 142.21 267.39 399.8h-63.38L66.08 253.27V399.8H0V9.06h66.08v116.53L190.49 9.06h64.43v25.38L91.54 186.49 226.61 329.9c46.62-106.95 93.24-213.89 139.87-320.84h27.24c42.75 99.67 85.51 199.34 128.27 299.01L663.16 9.06h27.6l111.52 239.03V9.06h85.89c68.06 0 130.69 26.25 130.69 103.01 0 27.64-10.56 53.52-30.88 72.44 11.66 5.87 21.77 12.87 30.74 22.21C1018.53 93.07 1106.43 0 1221.3 0c83.33 0 159.13 45.74 191.77 123.67V9.06h210.54v34.09C1659.48 14.97 1702.99 0 1748.63 0c78.9 0 150.34 40.43 186.2 111.59V9.06h65.57v151.51h154.89V9.06h65.58l.5 116.53L2346.31 9.06h118.43V265.8L2683.41 9.06h29.48V399.8h-67.08zM676.92 133.87l-39.02 82.57h77.88l-38.86-82.57zm189.93-60.24v86.43c34.74 0 84.53 2.49 84.53-44.63 0-44.66-53.82-41.8-84.53-41.8zm0 152.01v109.59c40.34 0 114.62 4.27 114.62-55.45 0-58.58-73.89-54.14-114.62-54.14zM1222.9 64.57c-77.01 0-137.6 63.04-137.6 141.37 0 77.38 60.06 138.35 137.6 138.35 79.66 0 139.1-60.83 139.1-140.11 0-77.87-60.86-139.61-139.1-139.61zm527.32 0c-77.01 0-137.59 63.04-137.59 141.37 0 77.38 60.05 138.35 137.59 138.35 80.29 0 139.11-61.3 139.11-140.11 0-78.42-61.42-139.61-139.11-139.61zm648.95-19.85l-152.34 141.77 152.34 161.73V44.72z' fill='gray' fill-rule='nonzero'/%3E%3C/svg%3E") center no-repeat;
        /* small award icons */
        --medal-award: url('https://i.imgur.com/JDhJqcC.png');
        --star-award: url('https://i.imgur.com/YmrdFhT.png');
        --trophy-award: url('https://i.imgur.com/2FZf6o2.png');
        --crown-award: url('https://i.imgur.com/dRmEePR.png');
        --gold-helmet-award: url('https://i.imgur.com/ycmbPKe.png');
        --platinum-helmet-award: url('https://i.imgur.com/59ELuaN.png');
        --black-helmet-award: url('https://i.imgur.com/maRdFQj.png');
        --wheel-award: url('https://i.imgur.com/dAJvuUs.png');
        --bronze-book-award: url('https://i.imgur.com/rnFZbgd.png');
        --silver-book-award: url('https://i.imgur.com/1tJl28k.png');
        --gold-book-award: url('https://i.imgur.com/cZzdSKm.png');

        /* score img links */
        --score0: url('https://i.imgur.com/59wwdDd.png') no-repeat;
        --score1: url('https://i.imgur.com/CgPq05c.png') no-repeat;
        --score2: url('https://i.imgur.com/AXMSZeu.png') no-repeat;
        --score3: url('https://i.imgur.com/f1pZVqG.png') no-repeat;
        --score4: url('https://i.imgur.com/EDtk0UY.png') no-repeat;
        --score5: url('https://i.imgur.com/EJhbc1l.png') no-repeat;
        --score6: url('https://i.imgur.com/mUA1l3t.png') no-repeat;
        --score7: url('https://i.imgur.com/5ps97rX.png') no-repeat;
        --score8: url('https://i.imgur.com/qfHUx1D.png') no-repeat;
        --score9: url('https://i.imgur.com/MAXleXL.png') no-repeat;
        --score10: url('https://i.imgur.com/DsZrRpc.png') no-repeat;
        --score11: url('https://i.imgur.com/5u1rABS.png') no-repeat;
        /* race img icons */
        --achievement: url('https://i.imgur.com/fQgqxO6.png') no-repeat;
        --race: url('https://i.imgur.com/K6F8pOd.png') no-repeat;
        --abra: url('https://i.imgur.com/cd0sddn.png') no-repeat;
        --crash: url('https://i.imgur.com/WhsWge1.png') no-repeat;
        --dictionary: url('https://i.imgur.com/ouZ0KPI.png') no-repeat;
        --digits: url('https://i.imgur.com/P6JpXJR.png') no-repeat;
        --infinity: url('https://i.imgur.com/mr5GEgf.png') no-repeat;
        --letters: url('https://i.imgur.com/xTsMZvM.png') no-repeat;
        --marathone: url('https://i.imgur.com/gHuBZ9f.png') no-repeat;
        --usual: url('https://i.imgur.com/2oEH6TO.png') no-repeat;
        --yandex: url('https://i.imgur.com/HZBVsLM.png') no-repeat;
        /* textarea forum and comments vocs bbcode buttons */
        --background: url('https://i.imgur.com/ehrkyDk.png') no-repeat;
        --bold: url('https://i.imgur.com/9OK8lhQ.png') no-repeat;
        --center: url('https://i.imgur.com/7MKySx7.png') no-repeat;
        --code: url('https://i.imgur.com/8RjyCqp.png') no-repeat;
        --color: url('https://i.imgur.com/rlm02Hi.png') no-repeat;
        --hide: url('https://i.imgur.com/xDm3rUs.png') no-repeat;
        --html: url('https://i.imgur.com/OgwovGX.png') no-repeat;
        --image: url('https://i.imgur.com/CPXb6fF.png') no-repeat;
        --italic: url('https://i.imgur.com/5ocDivo.png') no-repeat;
        --left: url('https://i.imgur.com/mhGYxF3.png') no-repeat;
        --link: url('https://i.imgur.com/3EKme2P.png') no-repeat;
        --list: url('https://i.imgur.com/wrRH3HC.png') no-repeat;
        --listnum: url('https://i.imgur.com/OHdzZda.png') no-repeat;
        --quote: url('https://i.imgur.com/5lXzkq5.png') no-repeat;
        --quotesel: url('https://i.imgur.com/UfiGb5M.png') no-repeat;
        --right: url('https://i.imgur.com/qV4lUmE.png') no-repeat;
        --size: url('https://i.imgur.com/QTu5Xbu.png') no-repeat;
        --strike: url('https://i.imgur.com/6AyRP37.png') no-repeat;
        --sub: url('https://i.imgur.com/K1PKT3j.png') no-repeat;
        --sup: url('https://i.imgur.com/rDf6r46.png') no-repeat;
        --tab: url('https://i.imgur.com/xuyw8TO.png') no-repeat;
        --underlined: url('https://i.imgur.com/vPgSVYU.png') no-repeat;
        --smile: url('https://i.imgur.com/QKGLj9X.png') no-repeat;
        --youtube: url('https://i.imgur.com/usx9mk9.png') no-repeat;
        /* daily done or not img */
        --yes: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='lightgreen' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check-circle'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E") center no-repeat;
        --no: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='orange' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-console.log-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E") center no-repeat;
        /* user panel pin img */
        --pin: transparent url('https://i.imgur.com/XolL9Tj.png') no-repeat 1px 1px;
        /* chat buttons ignore filter smilies */
        /* not pressed */
        --ignoreBlue: url('https://i.imgur.com/bUkrOi5.png') no-repeat;
        --filterOFF: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='AliceBlue' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-filter'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'%3E%3C/polygon%3E%3C/svg%3E") 2px 2px no-repeat;
        --smiliesNotActive: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='AliceBlue' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-meh'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='8' y1='15' x2='16' y2='15'%3E%3C/line%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'%3E%3C/line%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'%3E%3C/line%3E%...