/******************************************************************************* * THIS FILE WAS AUTO-GENERATED BY INTERDOTENSIONAL. * DO NOT EDIT THIS FILE MANUALLY. * Any manual changes will be overwritten during the next generation. * Please update the source YAML configuration and templates instead. * * Website theme: gruvbox-material-light, paired with gruvbox-material-dark * * Custom properties only - no component styling, no resets, no selectors of * your own. Consume the roles as var(--id-fg), var(--id-accent), and so on. * * Unlike every other target a website ships to visitors who cannot run * interdot, so BOTH polarities are emitted here and switched in the browser: * the OS preference by default, overridden by a data-theme attribute on . ******************************************************************************/ /* The active theme is the default, so a visitor with no stored preference and no OS signal sees exactly what interdot last generated. */ :root { color-scheme: light dark; --id-bg: #fbf1c7; --id-bg-deep: #f4e8be; --id-panel: #e5d5ad; --id-border: #d5c4a1; --id-faint: #a9a39a; --id-fg: #654735; --id-fg-strong: #4f3829; --id-muted: #6b665f; --id-dim: #928374; --id-accent: #925c07; --id-accent2: #a65009; --id-success: #626d2a; --id-info: #436d77; --id-special: #8b5878; --id-warning: #925c07; --id-danger: #b43e3e; --id-pane-active: #a15335; --id-pane-border: #8d877d; --id-select-fg: #9c4b08; --id-select-bg: #eee0b7; --id-prompt-dir: #467156; /* Inert provenance: readable from JS or devtools, consumed by no rule. */ --id-author-theme: "gruvbox-material-light"; --id-author-font: "Maple Mono"; } /* The counterpart polarity, for visitors whose OS asks for it. Scoped to :not([data-theme]) so it applies only while the visitor has expressed no preference of their own. */ @media (prefers-color-scheme: dark) { :root:not([data-theme]) { --id-bg: #282828; --id-bg-deep: #1d2021; --id-panel: #3c3836; --id-border: #504945; --id-faint: #6b665f; --id-fg: #d4be98; --id-fg-strong: #ddc7a1; --id-muted: #a9a39a; --id-dim: #928374; --id-accent: #d8a657; --id-accent2: #e78a4e; --id-success: #a9b665; --id-info: #7daea3; --id-special: #d3869b; --id-warning: #d8a657; --id-danger: #ea6962; --id-pane-active: #d4967e; --id-pane-border: #8d877d; --id-select-fg: #e78a4e; --id-select-bg: #32302f; --id-prompt-dir: #89b482; } } /* Manual override. Both polarities are spelled out unconditionally so that a data-theme attribute beats prefers-color-scheme in BOTH directions: a dark OS plus data-theme="light" must land on light, and the reverse. */ :root[data-theme="light"] { --id-bg: #fbf1c7; --id-bg-deep: #f4e8be; --id-panel: #e5d5ad; --id-border: #d5c4a1; --id-faint: #a9a39a; --id-fg: #654735; --id-fg-strong: #4f3829; --id-muted: #6b665f; --id-dim: #928374; --id-accent: #925c07; --id-accent2: #a65009; --id-success: #626d2a; --id-info: #436d77; --id-special: #8b5878; --id-warning: #925c07; --id-danger: #b43e3e; --id-pane-active: #a15335; --id-pane-border: #8d877d; --id-select-fg: #9c4b08; --id-select-bg: #eee0b7; --id-prompt-dir: #467156; } :root[data-theme="dark"] { --id-bg: #282828; --id-bg-deep: #1d2021; --id-panel: #3c3836; --id-border: #504945; --id-faint: #6b665f; --id-fg: #d4be98; --id-fg-strong: #ddc7a1; --id-muted: #a9a39a; --id-dim: #928374; --id-accent: #d8a657; --id-accent2: #e78a4e; --id-success: #a9b665; --id-info: #7daea3; --id-special: #d3869b; --id-warning: #d8a657; --id-danger: #ea6962; --id-pane-active: #d4967e; --id-pane-border: #8d877d; --id-select-fg: #e78a4e; --id-select-bg: #32302f; --id-prompt-dir: #89b482; }