Add lunar dark theme - #377
Conversation
|
Tbf if anything I like this color scheme more than the Halloween theme we repurposed as a dark mode |
|
i like this a lot more than halloween too |
|
maybe as a last touch it would be cool to also theme the funding bar? if its possible |
|
I‘m in favor of just keeping one light and one dark theme, so this should replace halloween |
GitHub Dark backgrounds with Material Lunar accents, replacing the halloween orange. The stylesheet is renamed, so the layouts, the prefers-color-scheme wrapper and the archived stats pages that link the theme by absolute path all point at css-lunar.css now. The stats pages that ship their own copy of the old stylesheet keep it. The funding script wrote the bar colors into inline styles, so no stylesheet could override them and both themes showed the same yellow. It now marks finished bars with a class and the colors come from CSS variables, along with the progressbar trough and the label shadow that jquery-ui kept light grey regardless of theme. Switching themes is served by nginx, so the switch-theme block and the stylesheet redirect need the new name and cookie value to match.
I assume you mean the funding bar on the front page? That's already done. See the collapsible "Open Me!" section. The first screenshot was taken before I themed the funding bars, and I forgot to update it. I decided to keep the new filename, though that resulted in a much larger diff. Replacing the contents of the Halloween css file with mine didn't feel right. Hope that's fine. |
4 participants
Do we accept theme additions? 😄
Adds
www/css/css-lunar.css, a dark theme with github dark backgrounds and materiallunar accents. Very soothing on the eyes!
I also moved the funding bar colors out of the funding script and added custom colors for each theme. The light theme keeps the colors it has now, nothing changes there.
Open Me!
This requires some changes in nginx too, not something this PR would be able to touch!