返回 CodeWhale
tokens.css
根目录 / web / app / tokens.css
1 /* generated from crates/palette/src/tokens.rs — do not edit */
2 /* regenerate: scripts/export-design-tokens.py (in the codewhale repo) */
3 :root {
4 --whale-bg: #070c1d;
5 --whale-bg-rgb: 7 12 29;
6 --whale-chrome: #0c1531;
7 --whale-chrome-rgb: 12 21 49;
8 --whale-panel: #101c40;
9 --whale-panel-rgb: 16 28 64;
10 --whale-composer: #142352;
11 --whale-composer-rgb: 20 35 82;
12 --whale-elevated: #1a2c63;
13 --whale-elevated-rgb: 26 44 99;
14 --whale-selection: #232d41;
15 --whale-selection-rgb: 35 45 65;
16 --whale-text-body: #f6f2e8;
17 --whale-text-body-rgb: 246 242 232;
18 --whale-text-soft: #b6c0d4;
19 --whale-text-soft-rgb: 182 192 212;
20 --whale-text-muted: #93a0b8;
21 --whale-text-muted-rgb: 147 160 184;
22 --whale-text-hint: #8a99b3;
23 --whale-text-hint-rgb: 138 153 179;
24 --whale-action: #6aa6dc;
25 --whale-action-rgb: 106 166 220;
26 --whale-cobalt: #1535b2;
27 --whale-cobalt-rgb: 21 53 178;
28 --whale-ice: #ddeef9;
29 --whale-ice-rgb: 221 238 249;
30 --whale-cyan: #78bce8;
31 --whale-cyan-rgb: 120 188 232;
32 --whale-accent-secondary: #4fd1c5;
33 --whale-accent-secondary-rgb: 79 209 197;
34 --whale-brand-orange: #ff8a3d;
35 --whale-brand-orange-rgb: 255 138 61;
36 --whale-brand-magenta: #f04eb8;
37 --whale-brand-magenta-rgb: 240 78 184;
38 --whale-human: #f6c453;
39 --whale-human-rgb: 246 196 83;
40 --whale-working-green: #9bd66f;
41 --whale-working-green-rgb: 155 214 111;
42 --whale-error: #ff86b2;
43 --whale-error-rgb: 255 134 178;
44 --whale-error-hover: #ff9cc2;
45 --whale-error-hover-rgb: 255 156 194;
46 --whale-error-surface: #2b1522;
47 --whale-error-surface-rgb: 43 21 34;
48 --whale-error-border: var(--whale-error);
49 --whale-error-border-rgb: var(--whale-error-rgb);
50 --whale-error-text: #ffdbe8;
51 --whale-error-text-rgb: 255 219 232;
52 --whale-warning: #ff7a59;
53 --whale-warning-rgb: 255 122 89;
54 --whale-success: var(--whale-working-green);
55 --whale-success-rgb: var(--whale-working-green-rgb);
56 --whale-border: #2a3f72;
57 --whale-border-rgb: 42 63 114;
58 --whale-reasoning-text: #e09948;
59 --whale-reasoning-text-rgb: 224 153 72;
60 --whale-reasoning-surface: #2a2218;
61 --whale-reasoning-surface-rgb: 42 34 24;
62 --whale-reasoning-tint: #16244a;
63 --whale-reasoning-tint-rgb: 22 36 74;
64 --whale-diff-added: #57c785;
65 --whale-diff-added-rgb: 87 199 133;
66 --whale-diff-added-bg: #122a22;
67 --whale-diff-added-bg-rgb: 18 42 34;
68 --whale-diff-deleted-bg: #341827;
69 --whale-diff-deleted-bg-rgb: 52 24 39;
70 --whale-mode-agent: #7eb4e8;
71 --whale-mode-agent-rgb: 126 180 232;
72 --whale-mode-yolo: #ff70a0;
73 --whale-mode-yolo-rgb: 255 112 160;
74 --whale-mode-plan: #b9dcec;
75 --whale-mode-plan-rgb: 185 220 236;
76 --whale-mode-operate: #ad88ff;
77 --whale-mode-operate-rgb: 173 136 255;
78 --whale-tool-live: var(--whale-accent-secondary);
79 --whale-tool-live-rgb: var(--whale-accent-secondary-rgb);
80 --whale-tool-issue: var(--whale-error);
81 --whale-tool-issue-rgb: var(--whale-error-rgb);
82 --whale-tool-output: var(--whale-text-soft);
83 --whale-tool-output-rgb: var(--whale-text-soft-rgb);
84 --whale-tool-surface: #0f1a3a;
85 --whale-tool-surface-rgb: 15 26 58;
86 --whale-tool-active: #182c5e;
87 --whale-tool-active-rgb: 24 44 94;
88 --light-surface: #f4f7fb;
89 --light-surface-rgb: 244 247 251;
90 --light-panel: #fffdf8;
91 --light-panel-rgb: 255 253 248;
92 --light-elevated: #e8eef8;
93 --light-elevated-rgb: 232 238 248;
94 --light-reasoning: #fff6d6;
95 --light-reasoning-rgb: 255 246 214;
96 --light-success: #dff7e7;
97 --light-success-rgb: 223 247 231;
98 --light-success-fg: #14763d;
99 --light-success-fg-rgb: 20 118 61;
100 --light-error: #fcebf2;
101 --light-error-rgb: 252 235 242;
102 --light-text-body: #14213a;
103 --light-text-body-rgb: 20 33 58;
104 --light-text-muted: #5b6780;
105 --light-text-muted-rgb: 91 103 128;
106 --light-text-hint: #5f6b81;
107 --light-text-hint-rgb: 95 107 129;
108 --light-text-soft: #455168;
109 --light-text-soft-rgb: 69 81 104;
110 --light-action: #1535b2;
111 --light-action-rgb: 21 53 178;
112 --light-live: #08766d;
113 --light-live-rgb: 8 118 109;
114 --light-human: #7a5500;
115 --light-human-rgb: 122 85 0;
116 --light-warning: #a94724;
117 --light-warning-rgb: 169 71 36;
118 --light-danger: #b4235a;
119 --light-danger-rgb: 180 35 90;
120 --light-mode-agent: #1636b2;
121 --light-mode-agent-rgb: 22 54 178;
122 --light-mode-yolo: #b5235a;
123 --light-mode-yolo-rgb: 181 35 90;
124 --light-mode-plan: #345c80;
125 --light-mode-plan-rgb: 52 92 128;
126 --light-operate: #7047b8;
127 --light-operate-rgb: 112 71 184;
128 --light-border: #a9b8cf;
129 --light-border-rgb: 169 184 207;
130 --light-selection: #eef6ff;
131 --light-selection-rgb: 238 246 255;
132 --shoreline-surface: #211f23;
133 --shoreline-surface-rgb: 33 31 35;
134 --shoreline-panel: #2b282e;
135 --shoreline-panel-rgb: 43 40 46;
136 --shoreline-elevated: #35313a;
137 --shoreline-elevated-rgb: 53 49 58;
138 --shoreline-composer: #2b282e;
139 --shoreline-composer-rgb: 43 40 46;
140 --shoreline-chrome: #1a181c;
141 --shoreline-chrome-rgb: 26 24 28;
142 --shoreline-selection: #2c4654;
143 --shoreline-selection-rgb: 44 70 84;
144 --shoreline-text-body: #f2ece5;
145 --shoreline-text-body-rgb: 242 236 229;
146 --shoreline-text-soft: #d9d2dc;
147 --shoreline-text-soft-rgb: 217 210 220;
148 --shoreline-text-muted: #b0a7b2;
149 --shoreline-text-muted-rgb: 176 167 178;
150 --shoreline-text-hint: #9a919f;
151 --shoreline-text-hint-rgb: 154 145 159;
152 --shoreline-text-dim: #7e7583;
153 --shoreline-text-dim-rgb: 126 117 131;
154 --shoreline-border: #49424d;
155 --shoreline-border-rgb: 73 66 77;
156 --shoreline-action: #67b8d6;
157 --shoreline-action-rgb: 103 184 214;
158 --shoreline-live: #7fd6c6;
159 --shoreline-live-rgb: 127 214 198;
160 --shoreline-human: #f6c453;
161 --shoreline-human-rgb: 246 196 83;
162 --shoreline-error: #ff8fa8;
163 --shoreline-error-rgb: 255 143 168;
164 --shoreline-error-hover: #ffa6bb;
165 --shoreline-error-hover-rgb: 255 166 187;
166 --shoreline-error-surface: #3a2029;
167 --shoreline-error-surface-rgb: 58 32 41;
168 --shoreline-error-text: #ffdce6;
169 --shoreline-error-text-rgb: 255 220 230;
170 --shoreline-warning: #f0a868;
171 --shoreline-warning-rgb: 240 168 104;
172 --shoreline-success: #a3d977;
173 --shoreline-success-rgb: 163 217 119;
174 --shoreline-status-working: var(--shoreline-live);
175 --shoreline-status-working-rgb: var(--shoreline-live-rgb);
176 --shoreline-mode-agent: #7eb4e8;
177 --shoreline-mode-agent-rgb: 126 180 232;
178 --shoreline-mode-yolo: #ff70a0;
179 --shoreline-mode-yolo-rgb: 255 112 160;
180 --shoreline-mode-plan: #b9dcec;
181 --shoreline-mode-plan-rgb: 185 220 236;
182 --shoreline-mode-operate: #ad88ff;
183 --shoreline-mode-operate-rgb: 173 136 255;
184 --shoreline-diff-added-fg: #7fd6a0;
185 --shoreline-diff-added-fg-rgb: 127 214 160;
186 --shoreline-diff-added-bg: #1e2c25;
187 --shoreline-diff-added-bg-rgb: 30 44 37;
188 --shoreline-diff-deleted-fg: #ff9aab;
189 --shoreline-diff-deleted-fg-rgb: 255 154 171;
190 --shoreline-diff-deleted-bg: #33202a;
191 --shoreline-diff-deleted-bg-rgb: 51 32 42;
192 --shoreline-light-surface: #f5f0e9;
193 --shoreline-light-surface-rgb: 245 240 233;
194 --shoreline-light-panel: #ece5e0;
195 --shoreline-light-panel-rgb: 236 229 224;
196 --shoreline-light-elevated: #fffcf7;
197 --shoreline-light-elevated-rgb: 255 252 247;
198 --shoreline-light-composer: #fbf7f1;
199 --shoreline-light-composer-rgb: 251 247 241;
200 --shoreline-light-chrome: #ede7e0;
201 --shoreline-light-chrome-rgb: 237 231 224;
202 --shoreline-light-selection: #c9e0e7;
203 --shoreline-light-selection-rgb: 201 224 231;
204 --shoreline-light-text-body: #302832;
205 --shoreline-light-text-body-rgb: 48 40 50;
206 --shoreline-light-text-soft: #4a414c;
207 --shoreline-light-text-soft-rgb: 74 65 76;
208 --shoreline-light-text-muted: #6b606e;
209 --shoreline-light-text-muted-rgb: 107 96 110;
210 --shoreline-light-text-hint: #757080;
211 --shoreline-light-text-hint-rgb: 117 112 128;
212 --shoreline-light-text-dim: #8a8290;
213 --shoreline-light-text-dim-rgb: 138 130 144;
214 --shoreline-light-border: #d7ced5;
215 --shoreline-light-border-rgb: 215 206 213;
216 --shoreline-light-action: #006684;
217 --shoreline-light-action-rgb: 0 102 132;
218 --shoreline-light-live: #1f7a6b;
219 --shoreline-light-live-rgb: 31 122 107;
220 --shoreline-light-human: #7a5500;
221 --shoreline-light-human-rgb: 122 85 0;
222 --shoreline-light-error: #b4235a;
223 --shoreline-light-error-rgb: 180 35 90;
224 --shoreline-light-error-surface: #fbe4ec;
225 --shoreline-light-error-surface-rgb: 251 228 236;
226 --shoreline-light-error-text: #7a1235;
227 --shoreline-light-error-text-rgb: 122 18 53;
228 --shoreline-light-warning: #8f5514;
229 --shoreline-light-warning-rgb: 143 85 20;
230 --shoreline-light-success: #2f6b3a;
231 --shoreline-light-success-rgb: 47 107 58;
232 --shoreline-light-mode-agent: #1636b2;
233 --shoreline-light-mode-agent-rgb: 22 54 178;
234 --shoreline-light-mode-yolo: #b5235a;
235 --shoreline-light-mode-yolo-rgb: 181 35 90;
236 --shoreline-light-mode-plan: #345c80;
237 --shoreline-light-mode-plan-rgb: 52 92 128;
238 --shoreline-light-mode-operate: #7047b8;
239 --shoreline-light-mode-operate-rgb: 112 71 184;
240 --shoreline-light-diff-added-fg: #1f6b45;
241 --shoreline-light-diff-added-fg-rgb: 31 107 69;
242 --shoreline-light-diff-added-bg: #e2f2e6;
243 --shoreline-light-diff-added-bg-rgb: 226 242 230;
244 --shoreline-light-diff-deleted-fg: #a82850;
245 --shoreline-light-diff-deleted-fg-rgb: 168 40 80;
246 --shoreline-light-diff-deleted-bg: #fbe6ec;
247 --shoreline-light-diff-deleted-bg-rgb: 251 230 236;
248 }
249
249 lines CSS