Как изменить стили тем в Rotor CMS

Печать RSS
89

Автор
Господин ПЖ
0
Очень часто задают вопрос по поводу изменения тем и уже устал отвечать индивидуально
Если что буду дополнять эту тему
Если у кого-то идеи или советы, пишите сюда

Почти все параметры вынесены в переменные,
файл находится тут /public/themes/default/src/sass/_variables.scss
Причем переменные для темной и светлой темы

Как изменить параметры

1 способ Правильный (если у вас есть доступ к консоли)
Вы меняете переменные в этом файле _variables.scss
Но чтобы они вступили в силу вам нужно собрать фронт
npm i - установка зависимостей
npm run prod - собирает и сжимает все css и js

Можно к примеру работать в режиме watch
npm run watch

Фронт будет автоматически собираться после каждого сохранения файла

Для того чтобы собирать фронт, нужно установить npm и nodejs

2 способ, не лучший, но тоже рабочий
Открываете файл /public/themes/default/views/theme.blade.php
перед </head> дописываете
<link rel="stylesheet" type="text/css" href="/themes/default/my.css">
my.css - это имя вашего файла, его необходимо создать

В нем можно изменять, путем переопределения стилей, любые параметры,
#ширину сайта 
.app {
    max-width: 900px;
}

#Цвет фона только для темной темы 
[data-bs-theme="dark"] {
    --base-bg: #ff0 !important;
}

И так далее
Изменил: Вантуз-мен (24.01.2025 / 16:15)
Стикеры / Теги / Правила / Топ тем / Топ постов / Поиск