Multiple colour themes

[dantownsend]

We could provide an option which sets the primary colour. It's currently blue, but we should be able to add green, orange etc.

The user can then specify the colour theme via html_theme_options.

html_theme_options = {
    "theme_color": "orange"
}

# Or let them specify an arbitrary colour primary colour
html_theme_options = {
    "theme_color": "#abc123"
}

This value will then be assigned to a CSS variable.

[drneavin]

Any chance on this being implemented? I'm trying to change the banner and highlight text to another color. If not implemented, would you be able to let me know if I could alter than in a customs.css file? I've tried a few approaches but have come up empty handed (sorry I don't have lots of CSS or HTML experience so if you could provide an example would be greatly appreciated!)

[drneavin]

I worked out how to do it with a .css file - turned out that once I provided the html_static_path in the conf.py, it wasn't needed in the html_css_files so when trying to add the custom variables, it was calling a file from the wrong directory

[dantownsend]

@drneavin Glad you got it sorted. Will try and get this issue resolved soon.

[diamuxin]

Hi, I've tried your recommendation in conf.py but it doesn't work:

html_theme_options = {
    "theme_color": "#abc123"
}

How can I modify the style sheet from:
docs/_build/static/css/my_theme_piccolo.css

In conf.py I've already put:

html_static_path = ['_static']
html_style = 'css/my_theme_piccolo.css'

Content of my_theme_piccolo.css:

@import url("basic_mod.css");
/* Typography */
:root {
--mainNavColor: #2471a3;
--notificationBannerColor: #176bb0;
}

But it doesn't work. Please help?

Thanks.