Как изменить стили тем в Rotor CMS - Visavi.net
https://visavi.net/
RSS - Visavi.nethttps://visavi.net/assets/img/images/logo_small.pngRSS - Visavi.net
https://visavi.net/
[email protected] (admin)[email protected] (admin)Wed, 19 Mar 2025 00:49:28 +0300Очень часто задают вопрос по поводу изменения тем и уже устал отвечать индивидуально<br>
Если что буду дополнять эту тему<br>
Если у кого-то идеи или советы, пишите сюда<br>
<br>
Почти все параметры вынесены в переменные, <br>
файл находится тут /public/themes/default/src/sass/_variables.scss <br>
Причем переменные для темной и светлой темы<br>
<br>
Как изменить параметры<br>
<br>
<strong>1 способ Правильный (если у вас есть доступ к консоли)</strong><br>
Вы меняете переменные в этом файле _variables.scss <br>
Но чтобы они вступили в силу вам нужно собрать фронт<br>
<pre class="prettyprint">npm i - установка зависимостей
npm run prod - собирает и сжимает все css и js</pre>
<br>
Можно к примеру работать в режиме watch<br>
<pre class="prettyprint">npm run watch</pre> <br>
Фронт будет автоматически собираться после каждого сохранения файла<br>
<br>
Для того чтобы собирать фронт, нужно установить npm и nodejs<br>
<br>
<strong>2 способ, не лучший, но тоже рабочий</strong><br>
Открываете файл /public/themes/default/views/theme.blade.php<br>
перед </head> дописываете <br>
<pre class="prettyprint"><link rel="stylesheet" type="text/css" href="/themes/default/my.css"></pre>
my.css - это имя вашего файла, его необходимо создать<br>
<br>
В нем можно изменять, путем переопределения стилей, любые параметры, <br>
<pre class="prettyprint">#ширину сайта
.app {
max-width: 900px;
}
#Цвет фона только для темной темы
[data-bs-theme="dark"] {
--base-bg: #ff0 !important;
}</pre>
<br>
И так далее
https://visavi.net/topics/44903/714707
Как изменить стили тем в Rotor CMS Вантуз-менFri, 24 Jan 2025 17:29:32 +0300Сообщенияhttps://visavi.net/topics/44903/714707