Forlabs Catppuccin Mocha by RuveMaximus

/* ==UserStyle==
@name         Forlabs Catppuccin Mocha
@version      2023-12-09
@namespace    userstyles.world/user/RuveMaximus
@description  Темная тема для форлабса
@author       RuveMaximus
@license      No License
@preprocessor less
==/UserStyle== */
@rosewater: #f5e0dc;
@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(bki.forlabs.ru) {
    /* Базовые компоненты */
    .lm-header-content,
    p {
        color: @text !important;
    }

    h1,
    h2,
    h3,
    h4 {
        color: @sapphire !important;
    }

    pre {
        color: @peach;
        background-color: @surface0;
        border: none;
    }

    a {
        color: @blue !important;

        &:hover {
            color: @sapphire !important;
        }
    }

    .text-muted {
        color: @overlay0;
    }

    .lm-pagination {
        background: @surface0;
        border-color: @surface2;
    }

    body,
    .lm-container {
        background-color: @crust !important;
        color: @text;
    }

    .schedule-grid,
    table {
        border: 1px solid transparent;
        border-radius: 10px;
        overflow: hidden;
    }

    .fl-week-content {
        color: @rosewater;
    }

    .fl-week-col,
    .fl-time-col,
    td {
        background: @base !important;
        color: @subtext1 !important;
        border-color: @surface1 !important;
    }

    .fl-week-col.fl-week-active::after {
        background: @rosewater !important;
        opacity: .2 !important;
    }



    .lm-tabs {
        border-color: @surface0;
    }

    .lm-index {
        border: none;
    }

    .progress-bar {
        background-color: @blue;
    }

    .passing-box {
        background-color: @text !important;

        &.filled {
            background-color: @green !important;
        }
        &.current {
            border-color: @blue !important;

            &::before {
                background-color: @blue !important;
            }
        }
    }

    .passing-item {
        user-select: text;

        &__question {
            user-select: all;
            border-color: @surface0;
        }

        &__answer {
            background-color: @surface0;
            border: none;
        }

        .answer-item {
            background-color: @surface1 !important;
            border-color: @surface1 !important;

            &.selected {
                border-color: @text !important;

                input {

                    &::after {
                        border-color: @text !important;
                    }
                }
            }
        }
    }
}

@-moz-document domain("bki.forlabs.ru") {
    /* Навбар */
    .lm-container-header,
    .lm-control-bar {
        background-color: @base !important;
    }

    .lm-menu-header {
        background-color: @base !important;

        svg {
            color: white;
        }
    }

    .lm-menu {
        &-list,
        &-footer {
            background-color: @mantle !important;
        }

        &-list-item {
            border-color: @surface0 !important;

            &:hover {
                background-color: @base !important;
            }

            &-icon {
                color: @peach !important;
            }

            a {
                color: @subtext1 !important;
            }
        }
    }

    input#global-search-input-control {
        opacity: 1;
        background-color: @surface0;
        border-color: @surface1;
        color: @text;
    }
}

@-moz-document domain(bki.forlabs.ru) {
    /* Таблицы */
    th {
        background-color: @surface0 !important;
        color: @text;
        border-color: @surface2 !important;
    }

    .lm-grid-column-actions > span {
        color: @pink !important;
        background-color: @surface1 !important;
        border-radius: 4px;

        &:hover {
            background-color: @surface0 !important;
        }
    }

    span.lm-system-status-finished,
    .text-success {
        color: @green;
    }

    span.lm-system-status-failed,
    .text-danger {
        color: @red;
    }

    tr.text-muted td {
        background-color: @mantle !important;
    }
}

@-moz-document domain('bki.forlabs.ru') {
    /* Модальные окна */
    .lm-dialog-content,
    .lm-login-modal,
    .lm-info-panel {
        background-color: @base !important;
        color: @text;
    }

    .lm-dialog-body svg {
        fill: @lavender !important;
    }

    .lm-details-label {
        color: @subtext0 !important;
    }

    .lm-dialog-header,
    .lm-dialog-footer {
        background-color: @surface0 !important;
        border-color: @surface2 !important;
    }

    .lm-dialog-footer {
        .form-control {
            border-radius: 15px !important;
        }

        & textarea {
            background-color: @surface1 !important;
            color: @text;
            border-radius: 10px !important;
        }

        span {
            color: @blue;
        }
    }

    .no-messages-found {
        border-radius: 10px;
        background-color: @surface0;
    }

    .close-dialog {
        background: transparent !important;

        span {
            background: @surface0 !important;
            transition: all .1s;

            &:hover {
                background: @red !important;
            }
        }
    }

    .task-response {
        background-color: @surface0 !important;

        &__date {
            background-color: @surface1 !important;
        }
    }
}



@-moz-document domain(bki.forlabs.ru) {
    /* Кнопки */
    .button-mixin(@background, @color) {
        border-radius: 10px;
        padding: 10px 20px;
        background: @background !important;
        color: @color !important;
        transition: all .1s;

        &:hover {
            background-color: darken(@background, 5%) !important;
            color: @color !important;
        }
    }

    .btn.btn-default {
        background: @surface1 !important;
        color: @text !important;
        border-color: @surface1 !important;
        border-radius: 5px;
        transition: all .1s;

        &:hover {
            background-color: lighten(@surface1, 5%) !important;
        }
    }

    .btn.btn-default.active,
    span.lm-tab-item.active {
        background: @green !important;
        color: @crust !important;
    }

    .btn.btn-primary {
        .button-mixin(@blue, @base);

        span {
            color: @base;
        }
    }

    .lm-tab-item {
        .button-mixin(@surface0, @text);

        height: 30px !important;
        padding: 5px 10px !important;
        border: none !important;
        border-radius: 5px;

        &.active {
            color: black !important;
            background-color: @rosewater !important;
        }
    }
}


@-moz-document domain(bki.forlabs.ru) {
    /* Индикатор загрузки */
    #loading-bar .bar {
        background-color: @lavender !important;
        box-shadow: 2px 0px 10px @lavender;
    }
}


@-moz-document domain(bki.forlabs.ru) {
    /* Списки */
    .list-group-item {
        background-color: @surface1 !important;
        border: none;
        border-bottom: 2px solid @overlay0 !important;

        .filesize {
            color: @subtext0;
        }
    }
}

@-moz-document domain(bki.forlabs.ru) {
    /* Карточки */
    .lm-card {
        background-color: @base !important;

        &-title {
            color: @text !important;
        }
    }
}

@-moz-document domain(bki.forlabs.ru) {
    /* Полоса прокрутки */
    ::-webkit-scrollbar {
        background-color: @surface0;
        width: 10px;
    }

    ::-webkit-scrollbar-thumb {
        background-color: @surface1;
        border-radius: 5px;

        &:hover {
            background-color: @surface2;
        }
    }
}