Awesome

trilium-chameleon-theme

Chameleon: A custom colour theme for Trilium Next. (https://github.com/TriliumNext)

These light and dark themes makes liberal use of variables and relative brightness calculations to provide a theme that's both easy on the eyes, and very simple to adjust to your preference. Accent colors, text colors, and background colors are all easily adjustable.

By default, the themes use a teal colour that I happen to like. But you can change the accent everywhere simply by modifying the variable called --palette-accent-hue to a different number between 0 and 359. Red is 0, for example. Accent, text and background brightness can be similarly adjusted using variables:

  --palette-accent-hue: 185;
  --palette-accent-brightness: 40%;
  --palette-text-brightness: 70%;
  --palette-background-brightness: 20%;

These themes can also be used on any pages you share to the public (only possible on a Server install), with a few simple steps. Details are in the instructions found in the CSS files themselves.

Installation

Installation instructions can be found at the top of the theme CSS files:

• chameleon-dark.css
• chameleon-light.css

Preview Images

Alternate Previews

These screenshots were taken after modifying the value of --palette-accent-hue.

--palette-accent-hue=20:

--palette-accent-hue=320: