59 lines
2.2 KiB
Plaintext
59 lines
2.2 KiB
Plaintext
/**
|
|
* @name Stylix
|
|
* @author Stylix
|
|
* @version 0.0.0
|
|
* @description Theme configured via NixOS or Home Manager.
|
|
**/
|
|
|
|
:root {
|
|
--base00: #{{base00-hex}}; /* Black */
|
|
--base01: #{{base01-hex}}; /* Bright Black */
|
|
--base02: #{{base02-hex}}; /* Grey */
|
|
--base03: #{{base03-hex}}; /* Brighter Grey */
|
|
--base04: #{{base04-hex}}; /* Bright Grey */
|
|
--base05: #{{base05-hex}}; /* White */
|
|
--base06: #{{base06-hex}}; /* Brighter White */
|
|
--base07: #{{base07-hex}}; /* Bright White */
|
|
--base08: #{{base08-hex}}; /* Red */
|
|
--base09: #{{base09-hex}}; /* Orange */
|
|
--base0A: #{{base0A-hex}}; /* Yellow */
|
|
--base0B: #{{base0B-hex}}; /* Green */
|
|
--base0C: #{{base0C-hex}}; /* Cyan */
|
|
--base0D: #{{base0D-hex}}; /* Blue */
|
|
--base0E: #{{base0E-hex}}; /* Purple */
|
|
--base0F: #{{base0F-hex}}; /* Magenta */
|
|
|
|
--primary-630: var(--base00); /* Autocomplete background */
|
|
--primary-660: var(--base00); /* Search input background */
|
|
}
|
|
|
|
.theme-light, .theme-dark {
|
|
--search-popout-option-fade: none; /* Disable fade for search popout */
|
|
--bg-overlay-2: var(--base00); /* These 2 are needed for proper threads coloring */
|
|
--home-background: var(--base00);
|
|
--bg-overlay-chat : var(--base00); /* Recolor forum channels */
|
|
--background-primary: var(--base00);
|
|
--background-secondary: var(--base01);
|
|
--background-secondary-alt: var(--base01);
|
|
--channeltextarea-background: var(--base01);
|
|
--background-tertiary: var(--base00);
|
|
--background-accent: var(--base0E);
|
|
--background-floating: var(--base01);
|
|
--background-modifier-hover: #{{base00-hex}}4c; /* 30% of base00 */
|
|
--background-modifier-selected: var(--base00);
|
|
--text-normal: var(--base05);
|
|
--text-secondary: var(--base03);
|
|
--text-muted: var(--base04);
|
|
--text-link: var(--base0C);
|
|
--interactive-normal: var(--base05);
|
|
--interactive-hover: var(--base05);
|
|
--interactive-active: var(--base07);
|
|
--interactive-muted: var(--base03);
|
|
--channels-default: var(--base04);
|
|
--channel-icon: var(--base04);
|
|
--header-primary: var(--base06);
|
|
--header-secondary: var(--base04);
|
|
--scrollbar-thin-track: transparent;
|
|
--scrollbar-auto-track: transparent;
|
|
}
|