Announcement banner does not stand out in dark mode #798
Unanswered
asmeurer
asked this question in
Potential Issue
Replies: 2 comments 3 replies
-
I am quite new to Furo, but I have been exploring the docs, and I found something I think is relevant. To change the colors you can override CSS elements using html_theme_options = {
"dark_css_variables": { # custom colors for bar in dark mode
"color-announcement-background": "#FEFA6D", # soft yellow
"color-announcement-text": "#000000" # black
},
"light_css_variables": { # custom colors for bar in light mode
"color-announcement-background": "#0000b3 ", # strong blue
"color-announcement-text": "#FFFFFF" # white
},
}
The element names for the color of the announcement bar background and text are found in the _colors.scss file: // Announcements
--color-announcement-background: #000000dd;
--color-announcement-text: #eeebee;
Hope this helps! |
Beta Was this translation helpful? Give feedback.
3 replies
-
So, I ended up doing it this way for a few reasons:
I'd be fine to change the color, but a light banner is something I'm hesitant toward right now. |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
The announcement banner does not stand out very much in dark mode since everything else is also black.
You might consider using a different color scheme for the banner in dark mode so that it stands out as much as it does in light mode.
Beta Was this translation helpful? Give feedback.
All reactions