/* * 테마 (2026-09-18) * ================== * 일 때만 적용된다. 기본값은 styles.css 의 :root 에 있다. * * 고르는 화면은 web-app/theme-picker.js 가 이 파일을 읽어서 만든다. * --theme-label 이 곧 방문자에게 보이는 이름이다. * * **이 파일은 tools/gen_themes.py 가 만든다.** 직접 고치지 말고 그쪽 표를 고친 뒤 * 다시 돌린다. 손으로 고치면 다음 생성 때 지워진다. */ :root[data-theme="charcoal"] { color-scheme: dark; --theme-label: "차콜"; --bg: #0d1117; --bg-rgb: 13 17 23; --surface-0: #010409; --surface-0-rgb: 1 4 9; --surface-1: #161b22; --surface-1-rgb: 22 27 34; --surface-2: #1c2128; --surface-2-rgb: 28 33 40; --surface-3: #21262d; --surface-3-rgb: 33 38 45; --line: #30363d; --line-rgb: 48 54 61; --line-bright: #484f58; --line-bright-rgb: 72 79 88; --text: #e6edf3; --text-rgb: 230 237 243; --text-strong: #ffffff; --text-strong-rgb: 255 255 255; --soft: #c9d1d9; --soft-rgb: 201 209 217; --muted: #8b949e; --muted-rgb: 139 148 158; --muted-2: #8b919a; --muted-2-rgb: 139 145 154; --cyan: #58a6ff; --cyan-rgb: 88 166 255; --green: #3fb950; --green-rgb: 63 185 80; --gold: #d29922; --gold-rgb: 210 153 34; --gold-bright: #e3b341; --gold-bright-rgb: 227 179 65; --red: #f85149; --red-rgb: 248 81 73; --violet: #bc8cff; --violet-rgb: 188 140 255; --panel-strong: var(--surface-2); --panel-strong-rgb: var(--surface-2-rgb); --panel-rgb: var(--surface-1-rgb); --panel: rgb(var(--surface-1-rgb) / 0.96); --green-dim: #1f3e2c; --green-dim-rgb: 31 62 44; --gold-dim: #3f3722; --gold-dim-rgb: 63 55 34; --red-dim: #48272b; --red-dim-rgb: 72 39 43; --violet-dim: #3b3453; --violet-dim-rgb: 59 52 83; --on-cyan: #010409; --on-cyan-rgb: 1 4 9; --on-cyan-alt: #ffffff; --on-cyan-alt-rgb: 255 255 255; --ink-cyan: #82bcff; --ink-cyan-rgb: 130 188 255; --on-cyan-dim: #82bcff; --on-cyan-dim-rgb: 130 188 255; --on-gold: #010409; --on-gold-rgb: 1 4 9; --on-gold-alt: #ffffff; --on-gold-alt-rgb: 255 255 255; --ink-gold: #dcb054; --ink-gold-rgb: 220 176 84; --on-gold-dim: #ddb259; --on-gold-dim-rgb: 221 178 89; --on-gold-bright: #010409; --on-gold-bright-rgb: 1 4 9; --on-gold-bright-alt: #ffffff; --on-gold-bright-alt-rgb: 255 255 255; --ink-gold-bright: var(--gold-bright); --ink-gold-bright-rgb: var(--gold-bright-rgb); --on-gold-bright-dim: var(--gold-bright); --on-gold-bright-dim-rgb: var(--gold-bright-rgb); --on-green: #010409; --on-green-rgb: 1 4 9; --on-green-alt: #ffffff; --on-green-alt-rgb: 255 255 255; --ink-green: #6fca7c; --ink-green-rgb: 111 202 124; --on-green-dim: #6fca7c; --on-green-dim-rgb: 111 202 124; --on-red: #010409; --on-red-rgb: 1 4 9; --on-red-alt: #ffffff; --on-red-alt-rgb: 255 255 255; --ink-red: #fa8e89; --ink-red-rgb: 250 142 137; --on-red-dim: #fa8e89; --on-red-dim-rgb: 250 142 137; --on-violet: #010409; --on-violet-rgb: 1 4 9; --on-violet-alt: #ffffff; --on-violet-alt-rgb: 255 255 255; --ink-violet: #cda9ff; --ink-violet-rgb: 205 169 255; --on-violet-dim: #cda9ff; --on-violet-dim-rgb: 205 169 255; } :root[data-theme="violet"] { color-scheme: dark; --theme-label: "바이올렛"; --bg: #08090a; --bg-rgb: 8 9 10; --surface-0: #000000; --surface-0-rgb: 0 0 0; --surface-1: #121316; --surface-1-rgb: 18 19 22; --surface-2: #16171b; --surface-2-rgb: 22 23 27; --surface-3: #1e2024; --surface-3-rgb: 30 32 36; --line: #23252a; --line-rgb: 35 37 42; --line-bright: #35373d; --line-bright-rgb: 53 55 61; --text: #f7f8f8; --text-rgb: 247 248 248; --text-strong: #ffffff; --text-strong-rgb: 255 255 255; --soft: #d0d6e0; --soft-rgb: 208 214 224; --muted: #8a8f98; --muted-rgb: 138 143 152; --muted-2: #858990; --muted-2-rgb: 133 137 144; --cyan: #7b7ff6; --cyan-rgb: 123 127 246; --green: #4cb782; --green-rgb: 76 183 130; --gold: #f2c94c; --gold-rgb: 242 201 76; --gold-bright: #ffd166; --gold-bright-rgb: 255 209 102; --red: #eb5757; --red-rgb: 235 87 87; --violet: #b59cf7; --violet-rgb: 181 156 247; --panel-strong: var(--surface-2); --panel-strong-rgb: var(--surface-2-rgb); --panel-rgb: var(--surface-1-rgb); --panel: rgb(var(--surface-1-rgb) / 0.96); --green-dim: #1f372e; --green-dim-rgb: 31 55 46; --gold-dim: #433b22; --gold-dim-rgb: 67 59 34; --red-dim: #422224; --red-dim-rgb: 66 34 36; --violet-dim: #363148; --violet-dim-rgb: 54 49 72; --on-cyan: #000000; --on-cyan-rgb: 0 0 0; --on-cyan-alt: #ffffff; --on-cyan-alt-rgb: 255 255 255; --ink-cyan: #9fa2f8; --ink-cyan-rgb: 159 162 248; --on-cyan-dim: #a3a5f9; --on-cyan-dim-rgb: 163 165 249; --on-gold: #000000; --on-gold-rgb: 0 0 0; --on-gold-alt: #ffffff; --on-gold-alt-rgb: 255 255 255; --ink-gold: var(--gold); --ink-gold-rgb: var(--gold-rgb); --on-gold-dim: var(--gold); --on-gold-dim-rgb: var(--gold-rgb); --on-gold-bright: #000000; --on-gold-bright-rgb: 0 0 0; --on-gold-bright-alt: #ffffff; --on-gold-bright-alt-rgb: 255 255 255; --ink-gold-bright: var(--gold-bright); --ink-gold-bright-rgb: var(--gold-bright-rgb); --on-gold-bright-dim: var(--gold-bright); --on-gold-bright-dim-rgb: var(--gold-bright-rgb); --on-green: #000000; --on-green-rgb: 0 0 0; --on-green-alt: #ffffff; --on-green-alt-rgb: 255 255 255; --ink-green: #6bc498; --ink-green-rgb: 107 196 152; --on-green-dim: #70c59b; --on-green-dim-rgb: 112 197 155; --on-red: #000000; --on-red-rgb: 0 0 0; --on-red-alt: #ffffff; --on-red-alt-rgb: 255 255 255; --ink-red: #f18989; --ink-red-rgb: 241 137 137; --on-red-dim: #f18989; --on-red-dim-rgb: 241 137 137; --on-violet: #000000; --on-violet-rgb: 0 0 0; --on-violet-alt: #ffffff; --on-violet-alt-rgb: 255 255 255; --ink-violet: #bea8f8; --ink-violet-rgb: 190 168 248; --on-violet-dim: #c0abf8; --on-violet-dim-rgb: 192 171 248; } :root[data-theme="neon"] { color-scheme: dark; --theme-label: "네온"; --bg: #000000; --bg-rgb: 0 0 0; --surface-0: #000000; --surface-0-rgb: 0 0 0; --surface-1: #121212; --surface-1-rgb: 18 18 18; --surface-2: #181818; --surface-2-rgb: 24 24 24; --surface-3: #242424; --surface-3-rgb: 36 36 36; --line: #2a2a2a; --line-rgb: 42 42 42; --line-bright: #404040; --line-bright-rgb: 64 64 64; --text: #ffffff; --text-rgb: 255 255 255; --text-strong: #ffffff; --text-strong-rgb: 255 255 255; --soft: #d9d9d9; --soft-rgb: 217 217 217; --muted: #a7a7a7; --muted-rgb: 167 167 167; --muted-2: #8d8d8d; --muted-2-rgb: 141 141 141; --cyan: #1ed760; --cyan-rgb: 30 215 96; --green: #1db954; --green-rgb: 29 185 84; --gold: #ffa42b; --gold-rgb: 255 164 43; --gold-bright: #ffd700; --gold-bright-rgb: 255 215 0; --red: #e91429; --red-rgb: 233 20 41; --violet: #af2896; --violet-rgb: 175 40 150; --panel-strong: var(--surface-2); --panel-strong-rgb: var(--surface-2-rgb); --panel-rgb: var(--surface-1-rgb); --panel: rgb(var(--surface-1-rgb) / 0.96); --green-dim: #143721; --green-dim-rgb: 20 55 33; --gold-dim: #463218; --gold-dim-rgb: 70 50 24; --red-dim: #411217; --red-dim-rgb: 65 18 23; --violet-dim: #35172f; --violet-dim-rgb: 53 23 47; --on-cyan: #000000; --on-cyan-rgb: 0 0 0; --on-cyan-alt: #ffffff; --on-cyan-alt-rgb: 255 255 255; --ink-cyan: var(--cyan); --ink-cyan-rgb: var(--cyan-rgb); --on-cyan-dim: var(--cyan); --on-cyan-dim-rgb: var(--cyan-rgb); --on-gold: #000000; --on-gold-rgb: 0 0 0; --on-gold-alt: #ffffff; --on-gold-alt-rgb: 255 255 255; --ink-gold: var(--gold); --ink-gold-rgb: var(--gold-rgb); --on-gold-dim: var(--gold); --on-gold-dim-rgb: var(--gold-rgb); --on-gold-bright: #000000; --on-gold-bright-rgb: 0 0 0; --on-gold-bright-alt: #ffffff; --on-gold-bright-alt-rgb: 255 255 255; --ink-gold-bright: var(--gold-bright); --ink-gold-bright-rgb: var(--gold-bright-rgb); --on-gold-bright-dim: var(--gold-bright); --on-gold-bright-dim-rgb: var(--gold-bright-rgb); --on-green: #000000; --on-green-rgb: 0 0 0; --on-green-alt: #ffffff; --on-green-alt-rgb: 255 255 255; --ink-green: #50c97a; --ink-green-rgb: 80 201 122; --on-green-dim: #56ca7f; --on-green-dim-rgb: 86 202 127; --on-red: #000000; --on-red-rgb: 0 0 0; --on-red-alt: #ffffff; --on-red-alt-rgb: 255 255 255; --ink-red: #f27884; --ink-red-rgb: 242 120 132; --on-red-dim: #f37e89; --on-red-dim-rgb: 243 126 137; --on-violet: #ffffff; --on-violet-rgb: 255 255 255; --on-violet-alt: #000000; --on-violet-alt-rgb: 0 0 0; --ink-violet: #d183c3; --ink-violet-rgb: 209 131 195; --on-violet-dim: #d389c5; --on-violet-dim-rgb: 211 137 197; } :root[data-theme="ice"] { color-scheme: dark; --theme-label: "아이스"; --bg: #242933; --bg-rgb: 36 41 51; --surface-0: #1f232b; --surface-0-rgb: 31 35 43; --surface-1: #2e3440; --surface-1-rgb: 46 52 64; --surface-2: #353c4a; --surface-2-rgb: 53 60 74; --surface-3: #3b4252; --surface-3-rgb: 59 66 82; --line: #434c5e; --line-rgb: 67 76 94; --line-bright: #4c566a; --line-bright-rgb: 76 86 106; --text: #eceff4; --text-rgb: 236 239 244; --text-strong: #ffffff; --text-strong-rgb: 255 255 255; --soft: #d8dee9; --soft-rgb: 216 222 233; --muted: #aab4c4; --muted-rgb: 170 180 196; --muted-2: #a9b1be; --muted-2-rgb: 169 177 190; --cyan: #88c0d0; --cyan-rgb: 136 192 208; --green: #a3be8c; --green-rgb: 163 190 140; --gold: #ebcb8b; --gold-rgb: 235 203 139; --gold-bright: #d08770; --gold-bright-rgb: 208 135 112; --red: #bf616a; --red-rgb: 191 97 106; --violet: #b48ead; --violet-rgb: 180 142 173; --panel-strong: var(--surface-2); --panel-strong-rgb: var(--surface-2-rgb); --panel-rgb: var(--surface-1-rgb); --panel: rgb(var(--surface-1-rgb) / 0.96); --green-dim: #485251; --green-dim-rgb: 72 82 81; --gold-dim: #585550; --gold-dim-rgb: 88 85 80; --red-dim: #4e3e49; --red-dim-rgb: 78 62 73; --violet-dim: #4b4858; --violet-dim-rgb: 75 72 88; --on-cyan: #1f232b; --on-cyan-rgb: 31 35 43; --on-cyan-alt: #ffffff; --on-cyan-alt-rgb: 255 255 255; --ink-cyan: #cfe6ec; --ink-cyan-rgb: 207 230 236; --on-cyan-dim: #cfe6ec; --on-cyan-dim-rgb: 207 230 236; --on-gold: #1f232b; --on-gold-rgb: 31 35 43; --on-gold-alt: #ffffff; --on-gold-alt-rgb: 255 255 255; --ink-gold: #f6e8cb; --ink-gold-rgb: 246 232 203; --on-gold-dim: #f6e8cb; --on-gold-dim-rgb: 246 232 203; --on-gold-bright: #1f232b; --on-gold-bright-rgb: 31 35 43; --on-gold-bright-alt: #ffffff; --on-gold-bright-alt-rgb: 255 255 255; --ink-gold-bright: #ebccc2; --ink-gold-bright-rgb: 235 204 194; --on-gold-bright-dim: #eccfc6; --on-gold-bright-dim-rgb: 236 207 198; --on-green: #1f232b; --on-green-rgb: 31 35 43; --on-green-alt: #ffffff; --on-green-alt-rgb: 255 255 255; --ink-green: #d8e3ce; --ink-green-rgb: 216 227 206; --on-green-dim: #dae5d1; --on-green-dim-rgb: 218 229 209; --on-red: #000000; --on-red-rgb: 0 0 0; --on-red-alt: #ffffff; --on-red-alt-rgb: 255 255 255; --ink-red: #e5c0c3; --ink-red-rgb: 229 192 195; --on-red-dim: #e5c0c3; --on-red-dim-rgb: 229 192 195; --on-violet: #1f232b; --on-violet-rgb: 31 35 43; --on-violet-alt: #ffffff; --on-violet-alt-rgb: 255 255 255; --ink-violet: #dfcfdc; --ink-violet-rgb: 223 207 220; --on-violet-dim: #e1d2de; --on-violet-dim-rgb: 225 210 222; } :root[data-theme="amber"] { color-scheme: dark; --theme-label: "앰버"; --bg: #16130e; --bg-rgb: 22 19 14; --surface-0: #100e0a; --surface-0-rgb: 16 14 10; --surface-1: #1e1a14; --surface-1-rgb: 30 26 20; --surface-2: #221d16; --surface-2-rgb: 34 29 22; --surface-3: #2c261c; --surface-3-rgb: 44 38 28; --line: #3a3126; --line-rgb: 58 49 38; --line-bright: #554736; --line-bright-rgb: 85 71 54; --text: #f4ede2; --text-rgb: 244 237 226; --text-strong: #fffaf2; --text-strong-rgb: 255 250 242; --soft: #ddd0bd; --soft-rgb: 221 208 189; --muted: #a89880; --muted-rgb: 168 152 128; --muted-2: #9d8f7b; --muted-2-rgb: 157 143 123; --cyan: #f0b429; --cyan-rgb: 240 180 41; --green: #86c06c; --green-rgb: 134 192 108; --gold: #ffcf5c; --gold-rgb: 255 207 92; --gold-bright: #ffe08a; --gold-bright-rgb: 255 224 138; --red: #e8705a; --red-rgb: 232 112 90; --violet: #c08adf; --violet-rgb: 192 138 223; --panel-strong: var(--surface-2); --panel-strong-rgb: var(--surface-2-rgb); --panel-rgb: var(--surface-1-rgb); --panel: rgb(var(--surface-1-rgb) / 0.96); --green-dim: #353f27; --green-dim-rgb: 53 63 39; --gold-dim: #504224; --gold-dim-rgb: 80 66 36; --red-dim: #4a2d23; --red-dim-rgb: 74 45 35; --violet-dim: #423341; --violet-dim-rgb: 66 51 65; --on-cyan: #100e0a; --on-cyan-rgb: 16 14 10; --on-cyan-alt: #ffffff; --on-cyan-alt-rgb: 255 255 255; --ink-cyan: var(--cyan); --ink-cyan-rgb: var(--cyan-rgb); --on-cyan-dim: var(--cyan); --on-cyan-dim-rgb: var(--cyan-rgb); --on-gold: #100e0a; --on-gold-rgb: 16 14 10; --on-gold-alt: #ffffff; --on-gold-alt-rgb: 255 255 255; --ink-gold: var(--gold); --ink-gold-rgb: var(--gold-rgb); --on-gold-dim: var(--gold); --on-gold-dim-rgb: var(--gold-rgb); --on-gold-bright: #100e0a; --on-gold-bright-rgb: 16 14 10; --on-gold-bright-alt: #ffffff; --on-gold-bright-alt-rgb: 255 255 255; --ink-gold-bright: var(--gold-bright); --ink-gold-bright-rgb: var(--gold-bright-rgb); --on-gold-bright-dim: var(--gold-bright); --on-gold-bright-dim-rgb: var(--gold-bright-rgb); --on-green: #100e0a; --on-green-rgb: 16 14 10; --on-green-alt: #ffffff; --on-green-alt-rgb: 255 255 255; --ink-green: #9bcb86; --ink-green-rgb: 155 203 134; --on-green-dim: #9ecd89; --on-green-dim-rgb: 158 205 137; --on-red: #100e0a; --on-red-rgb: 16 14 10; --on-red-alt: #ffffff; --on-red-alt-rgb: 255 255 255; --ink-red: #ef9e90; --ink-red-rgb: 239 158 144; --on-red-dim: #f0a294; --on-red-dim-rgb: 240 162 148; --on-violet: #100e0a; --on-violet-rgb: 16 14 10; --on-violet-alt: #ffffff; --on-violet-alt-rgb: 255 255 255; --ink-violet: #d1aae8; --ink-violet-rgb: 209 170 232; --on-violet-dim: #d3ade9; --on-violet-dim-rgb: 211 173 233; } :root[data-theme="dark"] { color-scheme: dark; --theme-label: "다크모드"; --bg: #0f1115; --bg-rgb: 15 17 21; --surface-0: #0a0c10; --surface-0-rgb: 10 12 16; --surface-1: #15171c; --surface-1-rgb: 21 23 28; --surface-2: #1a1d24; --surface-2-rgb: 26 29 36; --surface-3: #21232a; --surface-3-rgb: 33 35 42; --line: #2c2f37; --line-rgb: 44 47 55; --line-bright: #4e5968; --line-bright-rgb: 78 89 104; --text: #f2f4f6; --text-rgb: 242 244 246; --text-strong: #f9fafb; --text-strong-rgb: 249 250 251; --soft: #b0b8c1; --soft-rgb: 176 184 193; --muted: #8b95a1; --muted-rgb: 139 149 161; --muted-2: #858e9a; --muted-2-rgb: 133 142 154; --cyan: #4795ff; --cyan-rgb: 71 149 255; --green: #4ade80; --green-rgb: 74 222 128; --gold: #ffb547; --gold-rgb: 255 181 71; --gold-bright: #ffd27a; --gold-bright-rgb: 255 210 122; --red: #ff6b6b; --red-rgb: 255 107 107; --violet: #b794ff; --violet-rgb: 183 148 255; --panel-strong: var(--surface-2); --panel-strong-rgb: var(--surface-2-rgb); --panel-rgb: var(--surface-1-rgb); --panel: rgb(var(--surface-1-rgb) / 0.96); --green-dim: #0f2e1c; --green-dim-rgb: 15 46 28; --gold-dim: #2e1f00; --gold-dim-rgb: 46 31 0; --red-dim: #2e1010; --red-dim-rgb: 46 16 16; --violet-dim: #1d1533; --violet-dim-rgb: 29 21 51; --on-cyan: #0a0c10; --on-cyan-rgb: 10 12 16; --on-cyan-alt: #ffffff; --on-cyan-alt-rgb: 255 255 255; --ink-cyan: #7ab2ff; --ink-cyan-rgb: 122 178 255; --on-cyan-dim: #7eb5ff; --on-cyan-dim-rgb: 126 181 255; --on-gold: #0a0c10; --on-gold-rgb: 10 12 16; --on-gold-alt: #ffffff; --on-gold-alt-rgb: 255 255 255; --ink-gold: var(--gold); --ink-gold-rgb: var(--gold-rgb); --on-gold-dim: var(--gold); --on-gold-dim-rgb: var(--gold-rgb); --on-gold-bright: #0a0c10; --on-gold-bright-rgb: 10 12 16; --on-gold-bright-alt: #ffffff; --on-gold-bright-alt-rgb: 255 255 255; --ink-gold-bright: var(--gold-bright); --ink-gold-bright-rgb: var(--gold-bright-rgb); --on-gold-bright-dim: var(--gold-bright); --on-gold-bright-dim-rgb: var(--gold-bright-rgb); --on-green: #0a0c10; --on-green-rgb: 10 12 16; --on-green-alt: #ffffff; --on-green-alt-rgb: 255 255 255; --ink-green: var(--green); --ink-green-rgb: var(--green-rgb); --on-green-dim: var(--green); --on-green-dim-rgb: var(--green-rgb); --on-red: #0a0c10; --on-red-rgb: 10 12 16; --on-red-alt: #ffffff; --on-red-alt-rgb: 255 255 255; --ink-red: #ff9090; --ink-red-rgb: 255 144 144; --on-red-dim: #ff9090; --on-red-dim-rgb: 255 144 144; --on-violet: #0a0c10; --on-violet-rgb: 10 12 16; --on-violet-alt: #ffffff; --on-violet-alt-rgb: 255 255 255; --ink-violet: #c4a7ff; --ink-violet-rgb: 196 167 255; --on-violet-dim: #c5a9ff; --on-violet-dim-rgb: 197 169 255; } :root[data-theme="light"] { color-scheme: light; --theme-label: "화이트"; --bg: #f7f7f8; --bg-rgb: 247 247 248; --surface-0: #ffffff; --surface-0-rgb: 255 255 255; --surface-1: #ffffff; --surface-1-rgb: 255 255 255; --surface-2: #f4f4f5; --surface-2-rgb: 244 244 245; --surface-3: #ebebed; --surface-3-rgb: 235 235 237; --line: #dcdce0; --line-rgb: 220 220 224; --line-bright: #c2c2c8; --line-bright-rgb: 194 194 200; --text: #18181b; --text-rgb: 24 24 27; --text-strong: #000000; --text-strong-rgb: 0 0 0; --soft: #3f3f46; --soft-rgb: 63 63 70; --muted: #606068; --muted-rgb: 96 96 104; --muted-2: #65656a; --muted-2-rgb: 101 101 106; --cyan: #2563eb; --cyan-rgb: 37 99 235; --green: #16a34a; --green-rgb: 22 163 74; --gold: #ca8a04; --gold-rgb: 202 138 4; --gold-bright: #eab308; --gold-bright-rgb: 234 179 8; --red: #dc2626; --red-rgb: 220 38 38; --violet: #7c3aed; --violet-rgb: 124 58 237; --panel-strong: var(--surface-2); --panel-strong-rgb: var(--surface-2-rgb); --panel-rgb: var(--surface-1-rgb); --panel: rgb(var(--surface-1-rgb) / 0.96); --green-dim: #ccebd7; --green-dim-rgb: 204 235 215; --gold-dim: #f3e5c8; --gold-dim-rgb: 243 229 200; --red-dim: #f7cfcf; --red-dim-rgb: 247 207 207; --violet-dim: #e2d4fb; --violet-dim-rgb: 226 212 251; --on-cyan: #ffffff; --on-cyan-rgb: 255 255 255; --on-cyan-alt: #000000; --on-cyan-alt-rgb: 0 0 0; --ink-cyan: #1b48aa; --ink-cyan-rgb: 27 72 170; --on-cyan-dim: #1a45a4; --on-cyan-dim-rgb: 26 69 164; --on-gold: #000000; --on-gold-rgb: 0 0 0; --on-gold-alt: #ffffff; --on-gold-alt-rgb: 255 255 255; --ink-gold: #744f02; --ink-gold-rgb: 116 79 2; --on-gold-dim: #6f4c02; --on-gold-dim-rgb: 111 76 2; --on-gold-bright: #000000; --on-gold-bright-rgb: 0 0 0; --on-gold-bright-alt: #ffffff; --on-gold-bright-alt-rgb: 255 255 255; --ink-gold-bright: #755a04; --ink-gold-bright-rgb: 117 90 4; --on-gold-bright-dim: #755a04; --on-gold-bright-dim-rgb: 117 90 4; --on-green: #000000; --on-green-rgb: 0 0 0; --on-green-alt: #ffffff; --on-green-alt-rgb: 255 255 255; --ink-green: #0d622c; --ink-green-rgb: 13 98 44; --on-green-dim: #0d622c; --on-green-dim-rgb: 13 98 44; --on-red: #ffffff; --on-red-rgb: 255 255 255; --on-red-alt: #000000; --on-red-alt-rgb: 0 0 0; --ink-red: #941a1a; --ink-red-rgb: 148 26 26; --on-red-dim: #8f1919; --on-red-dim-rgb: 143 25 25; --on-violet: #ffffff; --on-violet-rgb: 255 255 255; --on-violet-alt: #000000; --on-violet-alt-rgb: 0 0 0; --ink-violet: #602db8; --ink-violet-rgb: 96 45 184; --on-violet-dim: #5d2cb2; --on-violet-dim-rgb: 93 44 178; }