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;
  }