| 1 | /* generated from crates/palette/src/rgb.rs + vendor/codewhale-design/tokens.json — 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 | --gpui-dark-bg: #202123; |
| 249 | --gpui-dark-bg-rgb: 32 33 35; |
| 250 | --gpui-dark-text: #efeeeb; |
| 251 | --gpui-dark-text-rgb: 239 238 235; |
| 252 | --gpui-dark-panel: #2a2b2e; |
| 253 | --gpui-dark-panel-rgb: 42 43 46; |
| 254 | --gpui-dark-text-muted: #c2c1bd; |
| 255 | --gpui-dark-text-muted-rgb: 194 193 189; |
| 256 | --gpui-dark-border: #3b3c3f; |
| 257 | --gpui-dark-border-rgb: 59 60 63; |
| 258 | --gpui-dark-sidebar: #191a1c; |
| 259 | --gpui-dark-sidebar-rgb: 25 26 28; |
| 260 | --gpui-dark-primary: #90b9ff; |
| 261 | --gpui-dark-primary-rgb: 144 185 255; |
| 262 | --gpui-dark-on-primary: #15243e; |
| 263 | --gpui-dark-on-primary-rgb: 21 36 62; |
| 264 | --gpui-dark-accent: #303134; |
| 265 | --gpui-dark-accent-rgb: 48 49 52; |
| 266 | --gpui-dark-list-active: #37393d; |
| 267 | --gpui-dark-list-active-rgb: 55 57 61; |
| 268 | --gpui-dark-attention: #e8b077; |
| 269 | --gpui-dark-attention-rgb: 232 176 119; |
| 270 | --gpui-dark-live: #9ec7b2; |
| 271 | --gpui-dark-live-rgb: 158 199 178; |
| 272 | --gpui-dark-danger: #e39a90; |
| 273 | --gpui-dark-danger-rgb: 227 154 144; |
| 274 | --gpui-dark-border-strong: #828386; |
| 275 | --gpui-dark-border-strong-rgb: 130 131 134; |
| 276 | --gpui-light-bg: #faf8f5; |
| 277 | --gpui-light-bg-rgb: 250 248 245; |
| 278 | --gpui-light-text: #28292b; |
| 279 | --gpui-light-text-rgb: 40 41 43; |
| 280 | --gpui-light-panel: #ffffff; |
| 281 | --gpui-light-panel-rgb: 255 255 255; |
| 282 | --gpui-light-text-muted: #535451; |
| 283 | --gpui-light-text-muted-rgb: 83 84 81; |
| 284 | --gpui-light-border: #d9d5cf; |
| 285 | --gpui-light-border-rgb: 217 213 207; |
| 286 | --gpui-light-sidebar: #f0ede8; |
| 287 | --gpui-light-sidebar-rgb: 240 237 232; |
| 288 | --gpui-light-primary: #245bc7; |
| 289 | --gpui-light-primary-rgb: 36 91 199; |
| 290 | --gpui-light-on-primary: #fbf5ee; |
| 291 | --gpui-light-on-primary-rgb: 251 245 238; |
| 292 | --gpui-light-accent: #e8e5e0; |
| 293 | --gpui-light-accent-rgb: 232 229 224; |
| 294 | --gpui-light-list-active: #dfdcd6; |
| 295 | --gpui-light-list-active-rgb: 223 220 214; |
| 296 | --gpui-light-attention: #86520d; |
| 297 | --gpui-light-attention-rgb: 134 82 13; |
| 298 | --gpui-light-live: #3a6352; |
| 299 | --gpui-light-live-rgb: 58 99 82; |
| 300 | --gpui-light-danger: #9e3f36; |
| 301 | --gpui-light-danger-rgb: 158 63 54; |
| 302 | --gpui-light-border-strong: #807c76; |
| 303 | --gpui-light-border-strong-rgb: 128 124 118; |
| 304 | } |
| 305 | /* GPUI design 1.1.2; sha256 433b18a41c526da0b5a1bbaa461c37feac987c7688fbe7de660acfbbdafa9bd5. */ |
| 306 | :root { |
| 307 | --gpui-radius-control: 6px; |
| 308 | --gpui-radius-panel: 10px; |
| 309 | --gpui-radius-sheet: 14px; |
| 310 | --gpui-focus-width: 2px; |
| 311 | --gpui-focus-offset: 3px; |
| 312 | --gpui-spacing-compact: 4px; |
| 313 | --gpui-spacing-control: 8px; |
| 314 | --gpui-spacing-group: 12px; |
| 315 | --gpui-spacing-section: 16px; |
| 316 | --gpui-spacing-large: 24px; |
| 317 | --gpui-spacing-page: 32px; |
| 318 | --gpui-selection-opacity: 0.28; |
| 319 | --gpui-primary-hover-opacity: 0.9; |
| 320 | --gpui-font-fallbacks: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC"; |
| 321 | --gpui-mono-size: 0.8125rem; |
| 322 | } |
| 323 |