Custom Color Themes

 Posted December 22, 2022  |  1 minutes  |  82 words  |  Some Person
Custom Color Themes https://caleb-vincent.gitlab.io/lessbeautifulhugo/post/2022-12-22_color-override/

The site-wide color theme can be easily customized by supplying static/css/color.css.

Colors can also be overriden on a per-page basis. This was done for this page as an example, but is probably not advised—it can be quite jarring, and might bleed though your post preview if you’re not careful.


This page uses:
:root {
    --color-image-background: ivory;
    --color-highlight-background: darkslategray;
    --color-pre-text: darkslategray;
    --color-border: darkslategray;
    --color-main-text: black;
    --color-muted-text: slategray;
    --color-image-selected: gray;
    --color-highlight-text: ivory;
    --color-pre-background: aliceblue ;
    --color-box-background: aliceblue;
    --color-background: ivory;
    --color-image-forground: darkslategray;
    --color-disabled-text: slategray;
  }