Guidance on Converting Site to Dark Theme (Global Update)

Developer Support CMS Development
1

Hi HubSpot Community,

I’m working on converting a HubSpot site to a dark theme. My goal is to make this change across the entire site in the fastest and most maintainable way, without manually editing hundreds of modules and templates. Any recommendation on this.

2

You can do it with a child-theme and a tokenized CSS variables layer. Set an attribute for yout html tag, for example <html theme-mode=“dark”> then in CSS you can start overriding your colors like this:

html[theme-mode="dark"] { ... }