22 lines
902 B
CSS
22 lines
902 B
CSS
:root {
|
|
/* Primary hue of the theme */
|
|
/* You can adjust it, or edit the values below directly */
|
|
--primary-h: 260;
|
|
|
|
/* Primary saturation and lightness of the theme, usually you shouldn't want to change those */
|
|
--primary-s: 75%;
|
|
--primary-l: 60%;
|
|
|
|
/* Derived colors using H, S, L manipulation */
|
|
/* You can set those to be static values if you want, i.e.: */
|
|
/* --link-color: #c579ff; */
|
|
--link-color: hsl(calc(var(--primary-h) - 30), 75%, 60%);
|
|
--link-hover-color: hsl(calc(var(--primary-h) - 30), 75%, 50%);
|
|
--background-color: hsl(var(--primary-h), 75%, 10%);
|
|
--header-background-color: hsl(var(--primary-h), 75%, 18%);
|
|
--content-background-color: hsl(var(--primary-h), 75%, 8%);
|
|
--text-color: #fff;
|
|
--border-color: hsl(var(--primary-h), 75%, calc(var(--primary-l) * 1.05));
|
|
--indicator-inactive-color: #4a4a4a;
|
|
--indicator-active-color: var(--border-color);
|
|
}
|