148 0
Posted on 2025-7-14 20:33:17 | Show All Floors Reading Mode
I am trying to update some of the :root colors using the custom styles (or any method frankly). Mainly changing all the #E8ECF3 colors to another color.
Tried this as it worked for the logo, but it does not work for any :root items:
body when (@config-dark-mode = false) {
:root {
--button-toggled-color: #F1F1F1 !important;
--tag-bg: #F1F1F1 !important;
--control-bg: #F1F1F1 !important;
--header-control-bg: #F1F1F1 !important;
--hero-bg: #F1F1F1 !important;
--button-bg: #F1F1F1 !important;
--button-bg-disabled: #F1F1F1;
--header-colored-control-bg: #F1F1F1 !important;
--header-colored-control-bg-fadedin: #F1F1F1 !important;
}
}
I also tried find/replace in the main forum.css file, but you know how that worked out. It was almost immediately overwritten by something and reverted back to the old colors. I have spend around 5 hours on this. Should not be that hard to change a few colors.
I am not sure I need a long explanation of how .LESS works...just want to know if it is possible to update these colors.

For related infringement, reports, complaints, and suggestions, please send an email to: admin@discuz.vip

Powered by Discuz! X5.1 © 2001-2025 Discuz! Team.

InThis SectionPostBack to Top
Quick Reply Back to Top Return to List