Hi
Does anyone know where the CSS files for this plugin are located please?
I'm not happy that the appearance of the welcome block stays "light" when the "dark" theme is chosen in Accessibility options.
More specifically perhaps... I've inspected the elements, and tracked down the CSS file now, HOWEVER I'm stuck on one thing...
I keep coming back to background-color:$theme_body_background_color;
Where do I find where theme_body_background_color is defined?
I'm pretty sure that where I find what the RGB/hex for theme_body_background_color is I can make progress.
Thanks in advance for any help.
Possibly the instructions are coming from your Theme's - constants.css file or could also be colors set from a table in the MySQL DB.
George said:
Possibly the instructions are coming from your Theme's - constants.css file or could also be colors set from a table in the MySQL DB.
Thanks, I wish it was as easy as the constants.css file... all that I get there are references like this:
theme_topbar_minimenu_link_color: $serenity_minimenu_links_color;
Unfortunately, "serenity_minimenu" does not make an appearance in either main.css, or styles.css within the Serenity Theme module.
The same principle applies to all the other entries in the CSS files.
The theme_body_background color is in the constants.css file and controls the body background.
constants.css:
27 theme_content_columns_left_width: 250px;
28 theme_content_columns_right_width: 250px;
29: theme_body_background_color: $serenity_body_background_color;
If you want to change a specific item, it would be best to use inspect element to find that specific thing and instead add that to your theme.css in admin. Like this (as you did not provide a screenshot, help is going to have to be generic until you provide a screenshot of what you want to change):
Note in this screenshot it is in dark mode and the background seems fine.
Also, you can't see the top part of that code but it is specific to dark mode:
.dark_mode .layout_left > .generic_layout_container
When posting code snippets, please follow the posted community rules and use the code tag which is next to the smiley tag, on the right of it. Otherwise, we do delete code that is not enclosed. My code above is in code tags.