/**
* @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;
}