/* GENERIERT von shared/gen-color-schemes.mjs — NICHT von Hand aendern. Quelle: shared/color-schemes.json. Neu erzeugen: node shared/gen-color-schemes.mjs Nutzung: ... im CSS var(--honey) etc. --fx-aurora / --fx-particles = 1|0 (An/Aus, von effects.js gelesen). */ :root { --honey: #f5a623; --honey-d: #d4911f; --honey-l: #ffcf6e; --bg: #16161a; --text: #f5f5f7; --muted: #a1a1a6; --surface: rgba(255, 255, 255, 0.078); --surface-2: rgba(255, 255, 255, 0.122); --input-fill: rgba(255, 255, 255, 0.102); --line: rgba(255, 255, 255, 0.149); --sidebar: rgba(0, 0, 0, 0.18); --sidebar-bar: rgba(0, 0, 0, 0.251); --elevated: #1e1e23; --elevated-hi: #26262c; --green: #2ecc71; --green-dark: #23a559; --red: #f23f43; --red-soft: #ff6b6e; --aurora-1: #f5a623; --aurora-2: #ff8c42; --aurora-3: #ffcf6e; --aurora-4: #d4911f; --particle: #ffcf6e; --particle-link: #f5be5a; --fx-aurora: 1; --fx-particles: 1; } :root[data-scheme="honig"] { --honey: #f5a623; --honey-d: #d4911f; --honey-l: #ffcf6e; --bg: #16161a; --text: #f5f5f7; --muted: #a1a1a6; --surface: rgba(255, 255, 255, 0.078); --surface-2: rgba(255, 255, 255, 0.122); --input-fill: rgba(255, 255, 255, 0.102); --line: rgba(255, 255, 255, 0.149); --sidebar: rgba(0, 0, 0, 0.18); --sidebar-bar: rgba(0, 0, 0, 0.251); --elevated: #1e1e23; --elevated-hi: #26262c; --green: #2ecc71; --green-dark: #23a559; --red: #f23f43; --red-soft: #ff6b6e; --aurora-1: #f5a623; --aurora-2: #ff8c42; --aurora-3: #ffcf6e; --aurora-4: #d4911f; --particle: #ffcf6e; --particle-link: #f5be5a; --fx-aurora: 1; --fx-particles: 1; } :root[data-scheme="nordlicht"] { --honey: #88c0d0; --honey-d: #5e81ac; --honey-l: #b8dde8; --bg: #2e3440; --text: #eceff4; --muted: #7b879b; --surface: rgba(216, 222, 233, 0.063); --surface-2: rgba(136, 192, 208, 0.141); --input-fill: rgba(216, 222, 233, 0.063); --line: rgba(216, 222, 233, 0.141); --sidebar: rgba(0, 0, 0, 0.2); --sidebar-bar: rgba(0, 0, 0, 0.267); --elevated: #3b4252; --elevated-hi: #434c5e; --green: #a3be8c; --green-dark: #8aa872; --red: #bf616a; --red-soft: #d08770; --aurora-1: #88c0d0; --aurora-2: #5e81ac; --aurora-3: #a3be8c; --aurora-4: #b48ead; --particle: #d8dee9; --particle-link: #5e81ac; --fx-aurora: 1; --fx-particles: 1; } :root[data-scheme="sparflamme"] { --honey: #b9b9c0; --honey-d: #8e8e96; --honey-l: #d6d6dc; --bg: #141416; --text: #e6e6e8; --muted: #7c7c84; --surface: #18181b; --surface-2: #202024; --input-fill: #18181b; --line: #2a2a2e; --sidebar: #101012; --sidebar-bar: #0e0e10; --elevated: #1b1b1e; --elevated-hi: #232327; --green: #6e9b7c; --green-dark: #587d64; --red: #b4646a; --red-soft: #c57c81; --aurora-1: #141416; --aurora-2: #141416; --aurora-3: #141416; --aurora-4: #141416; --particle: #b9b9c0; --particle-link: #2a2a2e; --fx-aurora: 0; --fx-particles: 0; } :root[data-scheme="mitternacht"] { --honey: #8b7cf0; --honey-d: #6b5cd0; --honey-l: #b3a8ff; --bg: #16162a; --text: #eceaf7; --muted: #8a85a8; --surface: rgba(192, 184, 240, 0.071); --surface-2: rgba(139, 124, 240, 0.149); --input-fill: rgba(192, 184, 240, 0.071); --line: rgba(192, 184, 240, 0.149); --sidebar: rgba(0, 0, 0, 0.2); --sidebar-bar: rgba(0, 0, 0, 0.267); --elevated: #20203a; --elevated-hi: #292948; --green: #8fc2a0; --green-dark: #6fa080; --red: #e06b8c; --red-soft: #f08aa6; --aurora-1: #8b7cf0; --aurora-2: #5c6bf0; --aurora-3: #b3a8ff; --aurora-4: #7c5cd0; --particle: #b3a8ff; --particle-link: #6b5cd0; --fx-aurora: 1; --fx-particles: 1; } :root[data-scheme="ozean"] { --honey: #2e9bf0; --honey-d: #1f7ad0; --honey-l: #7fc4ff; --bg: #0e1a28; --text: #e6f0fa; --muted: #7c90a6; --surface: rgba(46, 155, 240, 0.071); --surface-2: rgba(46, 155, 240, 0.141); --input-fill: rgba(46, 155, 240, 0.071); --line: rgba(46, 155, 240, 0.141); --sidebar: rgba(0, 16, 24, 0.2); --sidebar-bar: rgba(0, 12, 20, 0.267); --elevated: #142838; --elevated-hi: #1b3548; --green: #4fc0a0; --green-dark: #3aa088; --red: #f0687d; --red-soft: #ff8a9c; --aurora-1: #2e9bf0; --aurora-2: #2e6bf0; --aurora-3: #7fc4ff; --aurora-4: #1f7ad0; --particle: #7fc4ff; --particle-link: #2e6bf0; --fx-aurora: 1; --fx-particles: 1; } :root[data-scheme="wald"] { --honey: #5fbf7a; --honey-d: #489e5f; --honey-l: #97dda8; --bg: #101a14; --text: #e8f2ea; --muted: #7e9686; --surface: rgba(95, 191, 122, 0.071); --surface-2: rgba(95, 191, 122, 0.141); --input-fill: rgba(95, 191, 122, 0.071); --line: rgba(95, 191, 122, 0.141); --sidebar: rgba(0, 16, 8, 0.2); --sidebar-bar: rgba(0, 12, 6, 0.267); --elevated: #182a1e; --elevated-hi: #1f3527; --green: #6ecf86; --green-dark: #52a868; --red: #e0786a; --red-soft: #f0968a; --aurora-1: #5fbf7a; --aurora-2: #8fcf5a; --aurora-3: #97dda8; --aurora-4: #489e5f; --particle: #97dda8; --particle-link: #489e5f; --fx-aurora: 1; --fx-particles: 1; } :root[data-scheme="rose"] { --honey: #f06b9c; --honey-d: #d14e80; --honey-l: #ffa6c6; --bg: #1e1418; --text: #fae8ee; --muted: #a88490; --surface: rgba(240, 107, 156, 0.071); --surface-2: rgba(240, 107, 156, 0.141); --input-fill: rgba(240, 107, 156, 0.071); --line: rgba(240, 107, 156, 0.141); --sidebar: rgba(24, 0, 16, 0.2); --sidebar-bar: rgba(20, 0, 12, 0.267); --elevated: #2a1a20; --elevated-hi: #34222a; --green: #8fc29a; --green-dark: #6fa07a; --red: #f0687d; --red-soft: #ff8a9c; --aurora-1: #f06b9c; --aurora-2: #f0578c; --aurora-3: #ffa6c6; --aurora-4: #d14e80; --particle: #ffa6c6; --particle-link: #d14e80; --fx-aurora: 1; --fx-particles: 1; } :root[data-scheme="sonnenuntergang"] { --honey: #ff7a45; --honey-d: #e85c2a; --honey-l: #ffb08a; --bg: #1e1418; --text: #fbeae2; --muted: #a88c80; --surface: rgba(255, 122, 69, 0.071); --surface-2: rgba(255, 122, 69, 0.141); --input-fill: rgba(255, 122, 69, 0.071); --line: rgba(255, 122, 69, 0.141); --sidebar: rgba(24, 12, 8, 0.2); --sidebar-bar: rgba(20, 8, 6, 0.267); --elevated: #2a1c18; --elevated-hi: #34241e; --green: #c2a85f; --green-dark: #a0884a; --red: #ff4d6d; --red-soft: #ff8a9c; --aurora-1: #ff7a45; --aurora-2: #ff4d6d; --aurora-3: #ffb08a; --aurora-4: #e85c2a; --particle: #ffb08a; --particle-link: #e85c2a; --fx-aurora: 1; --fx-particles: 1; } :root[data-scheme="lavendel"] { --honey: #b692f0; --honey-d: #9a72d8; --honey-l: #d9c6ff; --bg: #1a1620; --text: #f0eaf7; --muted: #948ca6; --surface: rgba(182, 146, 240, 0.071); --surface-2: rgba(182, 146, 240, 0.141); --input-fill: rgba(182, 146, 240, 0.071); --line: rgba(182, 146, 240, 0.141); --sidebar: rgba(16, 0, 24, 0.2); --sidebar-bar: rgba(12, 0, 20, 0.267); --elevated: #241e2c; --elevated-hi: #2c2636; --green: #9fc2a8; --green-dark: #7fa088; --red: #e080a0; --red-soft: #f09ab8; --aurora-1: #b692f0; --aurora-2: #9a72d8; --aurora-3: #d9c6ff; --aurora-4: #8a9cf0; --particle: #d9c6ff; --particle-link: #9a72d8; --fx-aurora: 1; --fx-particles: 1; } :root[data-scheme="mint"] { --honey: #3fd6a8; --honey-d: #2cb088; --honey-l: #8cebcf; --bg: #0e1a16; --text: #e6f5ef; --muted: #7c9689; --surface: rgba(63, 214, 168, 0.071); --surface-2: rgba(63, 214, 168, 0.141); --input-fill: rgba(63, 214, 168, 0.071); --line: rgba(63, 214, 168, 0.141); --sidebar: rgba(0, 20, 16, 0.2); --sidebar-bar: rgba(0, 16, 12, 0.267); --elevated: #142a22; --elevated-hi: #1b352b; --green: #4fdcb0; --green-dark: #3ab890; --red: #f0687d; --red-soft: #ff8a9c; --aurora-1: #3fd6a8; --aurora-2: #3ac0c0; --aurora-3: #8cebcf; --aurora-4: #2cb088; --particle: #8cebcf; --particle-link: #2cb088; --fx-aurora: 1; --fx-particles: 1; } :root:root { --card: var(--elevated); --card2: var(--elevated-hi); --bg-mid: var(--surface); --bg-dark: var(--bg); --honey-light: var(--honey-l); --honey-dim: var(--honey-d); --accent: var(--honey); --accent-2: var(--honey-l); } html { background: var(--bg); }