Как изменить цвета в теме гравитации?
Должно быть, это простой вопрос, но я ничего не ответил. У меня есть веб-сайт по гравитации, на котором используется тема, заимствованная из антиматерии. В моей теме не так уж много, она в основном наследуется. Все работает отлично.
Я хочу изменить некоторые цвета вокруг. В частности, я хочу изменить цвет фона нижнего колонтитула. Как я уже сказал, это должно быть легко. Я вижу, что в _footer.scss есть themes\antimatter\scss\template, в котором есть background: $footer-bg;, и это похоже на то место, где мне нужно быть. Я нахожу два места, где $footer-bg определено, оба _colors.scss в каталогах scss\configuration\template в теме антиматерии и в моей пользовательской теме, которая наследуется от антиматерии. Я запустил scss --watch scss:css-compiled в обеих темах, очистил кеш и обновил страницу. Я все еще вижу старый цвет фона.
оба моих _colors.scss файла имеют
$footer-bg: #c7254e;
(красноватый, но показывает старый цвет, темно-серый)
Вроде бы я тут сделал очевидное, но что я упустил?
Я также попробовал добавить это в mytheme\css\custom.css
footer {
background: white;
}
но это не имело никакого значения.
Моя версия Grav — v1.7.46, она использует PHP версии 8.1.2-1ubuntu2.17.
@passerby, спасибо, что посмотрел на это. Я попробую изменить тему антиматерии, как вы это сделали, и посмотрю, изменится ли это. Вы скомпилировали так же, как я? Также я еще раз рассмотрю использование custom.css (который я пробовал ранее).
Я использовал плагин Live Sass Compiler в VSCode и установил в его настройках правильную папку вывода. Кстати. ваш *custom.css' уже работает нормально для <body> и <a>...
Есть удача?
@passerby да, спасибо. Я вернулся к изменению custom.css и обнаружил, что это работает. Я не уверен, почему этого не было раньше, он не кэшировался, потому что я это проверял. Хотя я сейчас дам ответ. С компиляцией возиться не пришлось, изменения и так небольшие.
Ответы 1
Благодаря поддержке @passerby я снова посетил файл custom.css и могу подтвердить, что он работает. Почему не получилось, когда я пытался раньше? Я не уверен. Я должен винить в этом кеширование, которое определенно привело бы к описанной мной проблеме, поскольку ни одно из изменений не вступает в силу. Я думал, что проверил, но, возможно, я запутался. В любом случае, для тех, кто найдет это: Да, изменение custom.css в унаследованной теме работает. Но если это не так, проверьте кеширование. Удерживайте клавишу Shift и нажмите «Обновить» — это обычный способ (в любом случае работает на FF). Или зайдите в анонимное/частное окно и попробуйте.
Пожалуйста, примите свой ответ как принятый ответ...
Я не могу это воспроизвести. После установки
$footer-bgи компиляции themes/antimatter/scss/template.scss в themes/antimatter/css-compiled/template.css. Показан новый цвет. Также при добавлении themes/antimatter/css/custom.css цвет отображается так, как ожидалось. Поскольку я не знаю настройки вашей пользовательской темы, я не могу протестировать scss, но и в дочерней теме с использованием custom.css все работает нормально. Примечание. Никогда не следует менять тему GPM.