Klavogonki Catppuccin by RuveMaximus

/* ==UserStyle==
@name         Klavogonki Catppuccin
@version      2024-07-09
@namespace    ?
@preprocessor less
==/UserStyle== */
@flamingo: #f2cdcd;
@pink: #f5c2e7;
@mauve: #cba6f7;
@red: #f38ba8;
@maroon: #eba0ac;
@peach: #fab387;
@yellow: #f9e2af;
@green: #a6e3a1;
@teal: #94e2d5;
@sky: #89dceb;
@sapphire: #74c7ec;
@blue: #89b4fa;
@lavender: #b4befe;
@text: #cdd6f4;
@subtext1: #bac2de;
@subtext0: #a6adc8;
@overlay2: #9399b2;
@overlay1: #7f849c;
@overlay0: #6c7086;
@surface2: #585b70;
@surface1: #45475a;
@surface0: #313244;
@base: #1e1e2e;
@mantle: #181825;
@crust: #11111b;

@-moz-document domain("klavogonki.ru") {
    /* Базовые компоненты */
    body {
        background-color: @mantle !important;
        color: @text;
    }
    
    /* Верхняя панель со статистикой */
    .userpanel {    
        background: @surface0;
    }

    a {
        color: @lavender;
        transition: color .2s;
        &:hover {
            color: @blue;
        }
    }

    .tl,
    .tr,
    .bl,
    .br {
        /* Отключить закругление через img */
        background: none !important;
    }

    #head {
        background: @crust !important;

        .right {
            float: left;
            .menu {
                a {
                    color: @subtext0;
                    text-decoration: none;
                    &:hover {
                        color: @text;
                    }
                    &.active {
                        background: none;
                        color: @text;
                        font-weight: bold;
                        border-bottom: 2px solid @pink;
                    }
                }
            }
        }
    }

    #logo img {
        /* Скроем логотип на главной странице */
        display: none;
    }


    #status {
        background: @base;
    }

    #status #gamedesc {
        color: @overlay2 !important;
    }

    #afterfocus {
        color: @overlay0;
    }

    #beforefocus {
        color: @text;
    }

    /* Панель настроек и приглашения в игре */
    #params,
    #invite {
        background-color: @surface0 !important;
    }

    #params h4,
    #invite h4 {
        color: @text;
    }

    #typeblock {
        background-color: @base;
    }

    #inputtext {
        box-shadow: none;
        background-color: @surface0 !important;
        border: none;
        color: @text;
    }

    #typetext .highlight {
        color: @green;
    }

    #typetext .highlight_error,
    #fixtypo {
        color: @red !important;
    }

    #typeblock #bookinfo *:not(a) {
        color: @text !important;
    }

    .gamelist-create {
        background-color: @surface0;
    }

    #gamelist-active {
        background: @surface0 !important;
    }
    #gamelist-active * {
        text-shadow: none !important;
    }

    /* Уведомление, что используется новый способ обновления страницы */
    div:has(> table#anim_speed_table) {
        background: @surface1 !important;
    }

    #gamelist td {
        border-color: @surface1 !important;
    }
}




@-moz-document domain("klavogonki.ru") {
    /* Страница настроек */
    /* Блоки настроек */
    form.prefs-block {
        background-color: @surface0 !important;
    }
}