Edit History

To enable the dark mode there is a lot of CSS to edit in the main theme.css

It would be much simpler if the main theme used the CSS variables that bootstrap provides.  Also, most modules that you install, the creators like to write their own css so they also need editing.

Currently, in just the hummingbird theme there are:

• 264 colors
• 68 background colors
• 162 font sizes
• 123 margins
• 218 margin-bottoms
• .... and a lot more repeated values

Probably all of these could be set using variables, but for some reason they are all hard coded values.

If all developers stuck to using the bootstrap variables where possible, then it would make like so much easier.

I have added the dark mode to the site in my signature. Visit it on a mobile and switch to dark mode using your phone to see it work.

To enable the dark mode there is a lot of CSS to edit in the main theme.css

It would be much simpler if the main theme used the CSS variables that bootstrap provides.  Also, most modules that you install, the creators like to write their own css so they also need editing.

Currently, in just the hummingbird theme there are:

• 264 colors
• 162 font sizes
• 123 margins
• 218 margin-bottoms
• .... and a lot more repeated values

Probably all of these could be set using variables, but for some reason they are all hard coded values.

If all developers stuck to using the bootstrap variables where possible, then it would make like so much easier.

I have added the dark mode to the site in my signature. Visit it on a mobile and switch to dark mode using your phone to see it work.