piccolo_theme icon indicating copy to clipboard operation
piccolo_theme copied to clipboard

Multiple colour themes

Open dantownsend opened this issue 2 years ago • 4 comments

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.

Screenshot 2023-03-27 at 18 17 35

dantownsend avatar Mar 27 '23 17:03 dantownsend

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 avatar May 23 '23 06:05 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

drneavin avatar May 23 '23 08:05 drneavin

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

dantownsend avatar May 23 '23 20:05 dantownsend