Вопрос

Я хочу кастомизировать тему в Swarmica. Как это сделать?

Ответ

Вам нужно пойти в Настройки > Управление брендом > Название бренда и вставить CSS код с нужными параметрами в поле для кастомизации темы. Ниже приведен пример такого скрипта:

.btn-primary {
    background-color: #F17216;
    color: #ffffff;
    border-color: #F17216;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #14aa14;
    color: #f2f2f2;
    border-color: #14aa14;
}

.btn-primary:active {
    background-color: #107c22 !important;
    color: #dbdbdb !important;
    border-color: #107c22 !important;
}

.btn-primary:disabled{
 background-color: #c9c9c9;
    color: #ffffff;
    border-color: #c9c9c9;
}

.btn-outline-primary {
    background-color: #F17216;
    color: #ffffff;
    border-color: #F17216;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
    background-color: #14aa14;
    color: #f2f2f2;
    border-color: #14aa14;
}

.btn-outline-primary:active {
    background-color: #107c22 !important;
    color: #dbdbdb !important;
    border-color: #107c22 !important;
}

.btn-outline-primary:disabled{
 background-color: #c9c9c9;
    color: #ffffff;
    border-color: #c9c9c9;
}

.hex-name{
font-style: italic;
}

a.sidebar-item.active .sidebar-item-icon i{
color: #F17216;
}

a.sidebar-item:hover .sidebar-item-icon i{
color: #F17216;
}

a.sidebar-item:hover, a.sidebar-item.active{
border-left-color: #F17216;
}

a.sidebar-item:hover{
background-color: #ffba18;
}

a{
color: #F17216;
}

.box-wrapper{
background-color: #eaffed;
}

[data-bs-theme=dark] .box-wrapper{
background-color: #265424;
}


html:has([data-bs-theme=light]), body:has([data-bs-theme=light]){
    background-color: #ededf2;
}

html:has([data-bs-theme=dark]), body:has([data-bs-theme=dark]){
    background-color: #3f1c03;
}

.sidebar{
background-color: #fce4d4 !important;
}

[data-bs-theme=dark] .sidebar{
background-color: #3f1e06 !important;
}