I’m struggling to add a dark theme on a production forum. I’m not sure why, but the site keeps certain elements white. I spun up a test Discourse and cannot recreate, but it looks like this on the production forum after enabling the dark theme: [image] CSS. Click to see .page-not-found-search { display: none; } .hamburger-panel ul.category-links li.subcategory { display: none; } img[src*=‘#left’] { float: left; } img[src*=‘#right’] { float: right; } img[src*=‘#center’] { display: block; margin: auto; } .d-header-icons .icon:hover, .d-header-icons .icon:focus { background-color: white; } .d-header-icons .d-icon { color: white; } .d-header-icons .icon:hover .d-icon, .d-header-icons .icon:focus .d-icon { color: #0082c9; } .drop-down-mode .d-header-icons .active .icon .d-icon { color: #0082c9; } /* Don’t show subcategories in category list */ .category-list .subcategories { display: none; } Afaik the issue is with the CSS, so I’m wondering about how I can change it. Thanks for any guidance.

Are any other themes or components at play? Are you changing just the color scheme or are you trying to make changes via css? Can you share the url?

[image] Jay Pfaffman: Are any other themes or components at play? [image] [image] Jay Pfaffman: Are you changing just the color scheme or are you trying to make changes via css? I have been messing with the color scheme so far. I exported the existing css (linked above) and theme settings to to test on my own home discourse, but ran into no such troubles. [image] Jay Pfaffman: Can you share the url? afaik I signed away that privilege in order to get this level of access. :heart:

I figured it out. There were additonal custom css values written into a custom component, which I thought was a default. Removing that component resolved everything and dark theme works perfectly. Thanks for guidance @pfaffman as I know everyone has busy lives. :heart:

CSS is breaking ability to add dark theme

Development

pfaffman (Jay Pfaffman) November 30, 2023, 10:07pm 5

I’m guessing it was “Make banner white” !!!

Topic		Replies	Views
Possible bug - Theme Dark no longer dark Product Support	2	527	June 17, 2022
Broken Dark Mode? Product Support	2	1000	June 19, 2021
How to modify theme components under dark mode Product Support	0	82	July 25, 2024
How to change the background color from the default white to black Product Support	18	1172	October 24, 2024
Top contributors sidebar Backgound Development top-contributors-sidebar	15	628	June 5, 2024

CSS is breaking ability to add dark theme

Related topics