@wildmason/aegis 1.6.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/themes.css +492 -366
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wildmason/aegis",
3
- "version": "1.6.0",
3
+ "version": "1.7.0",
4
4
  "description": "Aegis design system — CSS tokens and Angular component library",
5
5
  "scripts": {
6
6
  "build": "ng-packagr -p ng-package.json",
package/themes.css CHANGED
@@ -46,10 +46,10 @@
46
46
  ---------------------------------------------------------------- */
47
47
  :root {
48
48
  /* Border radius */
49
- --wm-radius-xs: 4px;
50
- --wm-radius-sm: 6px;
51
- --wm-radius-md: 8px;
52
- --wm-radius-lg: 12px;
49
+ --wm-radius-xs: 4px;
50
+ --wm-radius-sm: 6px;
51
+ --wm-radius-md: 8px;
52
+ --wm-radius-lg: 12px;
53
53
  --wm-radius-full: 9999px;
54
54
 
55
55
  /* Motion */
@@ -59,7 +59,8 @@
59
59
 
60
60
  /* Typography */
61
61
  --wm-font-sans: system-ui, -apple-system, 'Segoe UI', sans-serif;
62
- --wm-font-mono: 'Cascadia Code', 'Fira Code', Consolas, 'Courier New', monospace;
62
+ --wm-font-mono:
63
+ 'Cascadia Code', 'Fira Code', Consolas, 'Courier New', monospace;
63
64
 
64
65
  /* Fixed semantic colors (not theme-dependent) */
65
66
  --wm-color-critical: #7c3aed;
@@ -68,29 +69,68 @@
68
69
  --wm-priority-alpha: 15%;
69
70
 
70
71
  /* Priority tokens — computed from semantic colors at current theme scope */
71
- --wm-priority-critical-bg: color-mix(in srgb, var(--wm-color-critical) var(--wm-priority-alpha), transparent);
72
+ --wm-priority-critical-bg: color-mix(
73
+ in srgb,
74
+ var(--wm-color-critical) var(--wm-priority-alpha),
75
+ transparent
76
+ );
72
77
  --wm-priority-critical-text: var(--wm-color-critical);
73
- --wm-priority-high-bg: color-mix(in srgb, var(--wm-color-danger) var(--wm-priority-alpha), transparent);
74
- --wm-priority-high-text: var(--wm-color-danger);
75
- --wm-priority-medium-bg: color-mix(in srgb, var(--wm-color-warning) var(--wm-priority-alpha), transparent);
76
- --wm-priority-medium-text: var(--wm-color-warning);
77
- --wm-priority-low-bg: color-mix(in srgb, var(--wm-color-success) var(--wm-priority-alpha), transparent);
78
- --wm-priority-low-text: var(--wm-color-success);
78
+ --wm-priority-high-bg: color-mix(
79
+ in srgb,
80
+ var(--wm-color-danger) var(--wm-priority-alpha),
81
+ transparent
82
+ );
83
+ --wm-priority-high-text: var(--wm-color-danger);
84
+ --wm-priority-medium-bg: color-mix(
85
+ in srgb,
86
+ var(--wm-color-warning) var(--wm-priority-alpha),
87
+ transparent
88
+ );
89
+ --wm-priority-medium-text: var(--wm-color-warning);
90
+ --wm-priority-low-bg: color-mix(
91
+ in srgb,
92
+ var(--wm-color-success) var(--wm-priority-alpha),
93
+ transparent
94
+ );
95
+ --wm-priority-low-text: var(--wm-color-success);
79
96
 
80
97
  /* Modal backdrop — opacity set per-theme via --wm-backdrop-opacity */
81
98
  --wm-modal-backdrop: rgba(0, 0, 0, var(--wm-backdrop-opacity));
82
99
 
83
100
  /* Derived tokens — computed at scope, valid for all themes */
84
- --wm-bg-active: color-mix(in srgb, var(--wm-color-accent) 10%, transparent);
85
- --wm-color-danger-bg: color-mix(in srgb, var(--wm-color-danger) 8%, transparent);
86
- --wm-color-danger-border: color-mix(in srgb, var(--wm-color-danger) 25%, transparent);
87
- --wm-color-success-bg: color-mix(in srgb, var(--wm-color-success) 8%, transparent);
88
- --wm-color-success-border:color-mix(in srgb, var(--wm-color-success) 25%, transparent);
89
- --wm-color-warning-bg: color-mix(in srgb, var(--wm-color-warning) 8%, transparent);
90
- --wm-color-warning-border:color-mix(in srgb, var(--wm-color-warning) 25%, transparent);
101
+ --wm-bg-active: color-mix(in srgb, var(--wm-color-accent) 10%, transparent);
102
+ --wm-color-danger-bg: color-mix(
103
+ in srgb,
104
+ var(--wm-color-danger) 8%,
105
+ transparent
106
+ );
107
+ --wm-color-danger-border: color-mix(
108
+ in srgb,
109
+ var(--wm-color-danger) 25%,
110
+ transparent
111
+ );
112
+ --wm-color-success-bg: color-mix(
113
+ in srgb,
114
+ var(--wm-color-success) 8%,
115
+ transparent
116
+ );
117
+ --wm-color-success-border: color-mix(
118
+ in srgb,
119
+ var(--wm-color-success) 25%,
120
+ transparent
121
+ );
122
+ --wm-color-warning-bg: color-mix(
123
+ in srgb,
124
+ var(--wm-color-warning) 8%,
125
+ transparent
126
+ );
127
+ --wm-color-warning-border: color-mix(
128
+ in srgb,
129
+ var(--wm-color-warning) 25%,
130
+ transparent
131
+ );
91
132
  }
92
133
 
93
-
94
134
  /* ================================================================
95
135
  Warm Light (Default)
96
136
  ================================================================ */
@@ -99,44 +139,44 @@
99
139
  color-scheme: light;
100
140
 
101
141
  /* Surfaces */
102
- --wm-bg-base: #ececea;
103
- --wm-bg-raised: #e1e1de;
104
- --wm-bg-float: #d2d2ce;
105
- --wm-bg-sunken: #f9f9f8;
106
- --wm-bg-hover: #f4f4f3;
142
+ --wm-bg-base: #ececea;
143
+ --wm-bg-raised: #e1e1de;
144
+ --wm-bg-float: #d2d2ce;
145
+ --wm-bg-sunken: #f9f9f8;
146
+ --wm-bg-hover: #f4f4f3;
107
147
  --wm-bg-foreground: #c4c4c0;
108
148
 
109
149
  /* Text */
110
- --wm-text-primary: #002b36;
111
- --wm-text-secondary: #073642;
112
- --wm-text-muted: #525e64;
150
+ --wm-text-primary: #002b36;
151
+ --wm-text-secondary: #073642;
152
+ --wm-text-muted: #474f57;
113
153
  --wm-text-placeholder: #8d9fa6;
114
154
 
115
155
  /* Borders */
116
- --wm-border: #eee8d5;
156
+ --wm-border: #eee8d5;
117
157
  --wm-border-subtle: #d6cdb7;
118
- --wm-border-hover: #268bd2;
119
- --wm-border-input: #7a7460;
158
+ --wm-border-hover: #268bd2;
159
+ --wm-border-input: #7a7460;
120
160
 
121
161
  /* Accent */
122
- --wm-color-accent: #1b6ca5;
162
+ --wm-color-accent: #105987;
123
163
  --wm-color-accent-hover: #2aa198;
124
- --wm-color-accent-text: #ffffff;
164
+ --wm-color-accent-text: #ffffff;
125
165
 
126
166
  /* Semantic */
127
- --wm-color-success: #586900;
128
- --wm-color-warning: #856600;
129
- --wm-color-danger: #bd2c29;
167
+ --wm-color-success: #485600;
168
+ --wm-color-warning: #705400;
169
+ --wm-color-danger: #bd2c29;
130
170
 
131
171
  /* Item type colors (Works-specific) */
132
- --wm-color-task: #1b6ca5;
133
- --wm-color-bug: #bd2c29;
134
- --wm-color-story: #586900;
135
- --wm-color-epic: #4e53a2;
136
- --wm-color-initiative: #9b3a10;
137
- --wm-color-completed: #1e7a71;
138
- --wm-color-epic-text: #ffffff;
139
- --wm-color-initiative-text: #ffffff;
172
+ --wm-color-task: #1b6ca5;
173
+ --wm-color-bug: #bd2c29;
174
+ --wm-color-story: #586900;
175
+ --wm-color-epic: #4e53a2;
176
+ --wm-color-initiative: #9b3a10;
177
+ --wm-color-completed: #1e7a71;
178
+ --wm-color-epic-text: #ffffff;
179
+ --wm-color-initiative-text: #ffffff;
140
180
 
141
181
  /* Shadows */
142
182
  --wm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
@@ -147,18 +187,17 @@
147
187
  --wm-backdrop-opacity: 0.35;
148
188
 
149
189
  /* Syntax highlighting */
150
- --wm-syntax-keyword: #859900;
151
- --wm-syntax-string: #2aa198;
152
- --wm-syntax-comment: #93a1a1;
153
- --wm-syntax-number: #d33682;
190
+ --wm-syntax-keyword: #859900;
191
+ --wm-syntax-string: #2aa198;
192
+ --wm-syntax-comment: #93a1a1;
193
+ --wm-syntax-number: #d33682;
154
194
  --wm-syntax-function: #268bd2;
155
- --wm-syntax-type: #b58900;
195
+ --wm-syntax-type: #b58900;
156
196
  --wm-syntax-variable: #cb4b16;
157
- --wm-syntax-attr: #b58900;
158
- --wm-syntax-builtin: #6c71c4;
197
+ --wm-syntax-attr: #b58900;
198
+ --wm-syntax-builtin: #6c71c4;
159
199
  }
160
200
 
161
-
162
201
  /* ================================================================
163
202
  Neutral Light
164
203
  ================================================================ */
@@ -166,44 +205,44 @@
166
205
  color-scheme: light;
167
206
 
168
207
  /* Surfaces */
169
- --wm-bg-base: #ebebeb;
170
- --wm-bg-raised: #e0e0e0;
171
- --wm-bg-float: #d0d0d0;
172
- --wm-bg-sunken: #f8f8f8;
173
- --wm-bg-hover: #f3f3f3;
208
+ --wm-bg-base: #ebebeb;
209
+ --wm-bg-raised: #e0e0e0;
210
+ --wm-bg-float: #d0d0d0;
211
+ --wm-bg-sunken: #f8f8f8;
212
+ --wm-bg-hover: #f3f3f3;
174
213
  --wm-bg-foreground: #bababa;
175
214
 
176
215
  /* Text */
177
- --wm-text-primary: #111111;
178
- --wm-text-secondary: #333333;
179
- --wm-text-muted: #666666;
216
+ --wm-text-primary: #111111;
217
+ --wm-text-secondary: #333333;
218
+ --wm-text-muted: #555555;
180
219
  --wm-text-placeholder: #999999;
181
220
 
182
221
  /* Borders */
183
- --wm-border: #cccccc;
222
+ --wm-border: #cccccc;
184
223
  --wm-border-subtle: #dddddd;
185
- --wm-border-hover: #888888;
186
- --wm-border-input: #7d7d7d;
224
+ --wm-border-hover: #888888;
225
+ --wm-border-input: #7d7d7d;
187
226
 
188
227
  /* Accent */
189
- --wm-color-accent: #2e5fba;
228
+ --wm-color-accent: #1b4a9e;
190
229
  --wm-color-accent-hover: #3061af;
191
- --wm-color-accent-text: #ffffff;
230
+ --wm-color-accent-text: #ffffff;
192
231
 
193
232
  /* Semantic */
194
- --wm-color-success: #0a7065;
195
- --wm-color-warning: #b45309;
196
- --wm-color-danger: #dc2626;
233
+ --wm-color-success: #085a50;
234
+ --wm-color-warning: #8c4000;
235
+ --wm-color-danger: #dc2626;
197
236
 
198
237
  /* Item type colors */
199
- --wm-color-task: #2563eb;
200
- --wm-color-bug: #dc2626;
201
- --wm-color-story: #059669;
202
- --wm-color-epic: #7c3aed;
203
- --wm-color-initiative: #c2410c;
204
- --wm-color-completed: #6366f1;
205
- --wm-color-epic-text: #ffffff;
206
- --wm-color-initiative-text: #ffffff;
238
+ --wm-color-task: #2563eb;
239
+ --wm-color-bug: #dc2626;
240
+ --wm-color-story: #059669;
241
+ --wm-color-epic: #7c3aed;
242
+ --wm-color-initiative: #c2410c;
243
+ --wm-color-completed: #6366f1;
244
+ --wm-color-epic-text: #ffffff;
245
+ --wm-color-initiative-text: #ffffff;
207
246
 
208
247
  /* Shadows */
209
248
  --wm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
@@ -214,65 +253,68 @@
214
253
  --wm-backdrop-opacity: 0.35;
215
254
 
216
255
  /* Syntax highlighting */
217
- --wm-syntax-keyword: #a626a4;
218
- --wm-syntax-string: #50a14f;
219
- --wm-syntax-comment: #a0a1a7;
220
- --wm-syntax-number: #986801;
256
+ --wm-syntax-keyword: #a626a4;
257
+ --wm-syntax-string: #50a14f;
258
+ --wm-syntax-comment: #a0a1a7;
259
+ --wm-syntax-number: #986801;
221
260
  --wm-syntax-function: #4078f2;
222
- --wm-syntax-type: #c18401;
261
+ --wm-syntax-type: #c18401;
223
262
  --wm-syntax-variable: #e45649;
224
- --wm-syntax-attr: #986801;
225
- --wm-syntax-builtin: #0184bc;
263
+ --wm-syntax-attr: #986801;
264
+ --wm-syntax-builtin: #0184bc;
226
265
  }
227
266
 
228
-
229
267
  /* ================================================================
230
268
  Arctic Night
231
269
  ================================================================ */
232
270
  [data-theme='arctic-night'] {
233
271
  color-scheme: dark;
234
272
  --wm-priority-alpha: 20%;
235
- --wm-priority-critical-text: color-mix(in srgb, var(--wm-color-critical) 85%, white);
273
+ --wm-priority-critical-text: color-mix(
274
+ in srgb,
275
+ var(--wm-color-critical) 85%,
276
+ white
277
+ );
236
278
 
237
279
  /* Surfaces */
238
- --wm-bg-sunken: #242933;
239
- --wm-bg-base: #2e3440;
240
- --wm-bg-raised: #3b4252;
241
- --wm-bg-float: #434c5e;
242
- --wm-bg-hover: #4c566a;
280
+ --wm-bg-sunken: #242933;
281
+ --wm-bg-base: #2e3440;
282
+ --wm-bg-raised: #3b4252;
283
+ --wm-bg-float: #434c5e;
284
+ --wm-bg-hover: #4c566a;
243
285
  --wm-bg-foreground: #535e6e;
244
286
 
245
287
  /* Text */
246
- --wm-text-primary: #eceff4;
247
- --wm-text-secondary: #e5e9f0;
248
- --wm-text-muted: #d8dee9;
288
+ --wm-text-primary: #eceff4;
289
+ --wm-text-secondary: #e5e9f0;
290
+ --wm-text-muted: #d8dee9;
249
291
  --wm-text-placeholder: #adb9cb;
250
292
 
251
293
  /* Borders */
252
- --wm-border: #4c566a;
294
+ --wm-border: #4c566a;
253
295
  --wm-border-subtle: #434c5e;
254
- --wm-border-hover: #88c0d0;
255
- --wm-border-input: #8e9aa9;
296
+ --wm-border-hover: #88c0d0;
297
+ --wm-border-input: #8e9aa9;
256
298
 
257
299
  /* Accent — light teal requires dark text */
258
- --wm-color-accent: #8fc4d3;
300
+ --wm-color-accent: #8fc4d3;
259
301
  --wm-color-accent-hover: #81a1c1;
260
- --wm-color-accent-text: #2e3440;
302
+ --wm-color-accent-text: #2e3440;
261
303
 
262
304
  /* Semantic */
263
- --wm-color-success: #a3be8c;
305
+ --wm-color-success: #b5cf9a;
264
306
  --wm-color-warning: #ebcb8b;
265
- --wm-color-danger: #bf616a;
307
+ --wm-color-danger: #bf616a;
266
308
 
267
309
  /* Item type colors */
268
- --wm-color-task: #88c0d0;
269
- --wm-color-bug: #bf616a;
270
- --wm-color-story: #a3be8c;
271
- --wm-color-epic: #b48ead;
272
- --wm-color-initiative: #ebcb8b;
273
- --wm-color-completed: #81a1c1;
274
- --wm-color-epic-text: #2e3440;
275
- --wm-color-initiative-text: #2e3440;
310
+ --wm-color-task: #88c0d0;
311
+ --wm-color-bug: #bf616a;
312
+ --wm-color-story: #a3be8c;
313
+ --wm-color-epic: #b48ead;
314
+ --wm-color-initiative: #ebcb8b;
315
+ --wm-color-completed: #81a1c1;
316
+ --wm-color-epic-text: #2e3440;
317
+ --wm-color-initiative-text: #2e3440;
276
318
 
277
319
  /* Shadows */
278
320
  --wm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
@@ -283,67 +325,68 @@
283
325
  --wm-backdrop-opacity: 0.5;
284
326
 
285
327
  /* Syntax highlighting */
286
- --wm-syntax-keyword: #81a1c1;
287
- --wm-syntax-string: #a3be8c;
288
- --wm-syntax-comment: #616e88;
289
- --wm-syntax-number: #b48ead;
328
+ --wm-syntax-keyword: #81a1c1;
329
+ --wm-syntax-string: #a3be8c;
330
+ --wm-syntax-comment: #616e88;
331
+ --wm-syntax-number: #b48ead;
290
332
  --wm-syntax-function: #88c0d0;
291
- --wm-syntax-type: #8fbcbb;
333
+ --wm-syntax-type: #8fbcbb;
292
334
  --wm-syntax-variable: #d08770;
293
- --wm-syntax-attr: #8fbcbb;
294
- --wm-syntax-builtin: #81a1c1;
335
+ --wm-syntax-attr: #8fbcbb;
336
+ --wm-syntax-builtin: #81a1c1;
295
337
  }
296
338
 
297
-
298
-
299
-
300
339
  /* ================================================================
301
340
  Vampire's Kiss
302
341
  ================================================================ */
303
342
  [data-theme='vampires-kiss'] {
304
343
  color-scheme: dark;
305
344
  --wm-priority-alpha: 20%;
306
- --wm-priority-critical-text: color-mix(in srgb, var(--wm-color-critical) 85%, white);
345
+ --wm-priority-critical-text: color-mix(
346
+ in srgb,
347
+ var(--wm-color-critical) 85%,
348
+ white
349
+ );
307
350
 
308
351
  /* Surfaces */
309
- --wm-bg-sunken: #16171e;
310
- --wm-bg-base: #21222c;
311
- --wm-bg-raised: #282a36;
312
- --wm-bg-float: #44475a;
313
- --wm-bg-hover: #6272a4;
352
+ --wm-bg-sunken: #16171e;
353
+ --wm-bg-base: #21222c;
354
+ --wm-bg-raised: #282a36;
355
+ --wm-bg-float: #44475a;
356
+ --wm-bg-hover: #6272a4;
314
357
  --wm-bg-foreground: #525568;
315
358
 
316
359
  /* Text */
317
- --wm-text-primary: #f8f8f2;
318
- --wm-text-secondary: #d6acff;
319
- --wm-text-muted: #c5cedd;
360
+ --wm-text-primary: #f8f8f2;
361
+ --wm-text-secondary: #d6acff;
362
+ --wm-text-muted: #c5cedd;
320
363
  --wm-text-placeholder: #8b93a8;
321
364
 
322
365
  /* Borders */
323
- --wm-border: #6272a4;
366
+ --wm-border: #6272a4;
324
367
  --wm-border-subtle: #44475a;
325
- --wm-border-hover: #ff79c6;
326
- --wm-border-input: #8694b1;
368
+ --wm-border-hover: #ff79c6;
369
+ --wm-border-input: #8694b1;
327
370
 
328
371
  /* Accent — slightly lighter than canonical purple for card contrast */
329
- --wm-color-accent: #c9a7fa;
372
+ --wm-color-accent: #c9a7fa;
330
373
  --wm-color-accent-hover: #ff79c6;
331
- --wm-color-accent-text: #282a36;
374
+ --wm-color-accent-text: #282a36;
332
375
 
333
376
  /* Semantic */
334
377
  --wm-color-success: #50fa7b;
335
378
  --wm-color-warning: #f1fa8c;
336
- --wm-color-danger: #ff5555;
379
+ --wm-color-danger: #ff5555;
337
380
 
338
381
  /* Item type colors */
339
- --wm-color-task: #8be9fd;
340
- --wm-color-bug: #ff5555;
341
- --wm-color-story: #50fa7b;
342
- --wm-color-epic: #bd93f9;
343
- --wm-color-initiative: #ffb86c;
344
- --wm-color-completed: #bd93f9;
345
- --wm-color-epic-text: #282a36;
346
- --wm-color-initiative-text: #282a36;
382
+ --wm-color-task: #8be9fd;
383
+ --wm-color-bug: #ff5555;
384
+ --wm-color-story: #50fa7b;
385
+ --wm-color-epic: #bd93f9;
386
+ --wm-color-initiative: #ffb86c;
387
+ --wm-color-completed: #bd93f9;
388
+ --wm-color-epic-text: #282a36;
389
+ --wm-color-initiative-text: #282a36;
347
390
 
348
391
  /* Shadows */
349
392
  --wm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
@@ -354,65 +397,68 @@
354
397
  --wm-backdrop-opacity: 0.5;
355
398
 
356
399
  /* Syntax highlighting */
357
- --wm-syntax-keyword: #ff79c6;
358
- --wm-syntax-string: #f1fa8c;
359
- --wm-syntax-comment: #6272a4;
360
- --wm-syntax-number: #bd93f9;
400
+ --wm-syntax-keyword: #ff79c6;
401
+ --wm-syntax-string: #f1fa8c;
402
+ --wm-syntax-comment: #6272a4;
403
+ --wm-syntax-number: #bd93f9;
361
404
  --wm-syntax-function: #50fa7b;
362
- --wm-syntax-type: #8be9fd;
405
+ --wm-syntax-type: #8be9fd;
363
406
  --wm-syntax-variable: #ffb86c;
364
- --wm-syntax-attr: #50fa7b;
365
- --wm-syntax-builtin: #8be9fd;
407
+ --wm-syntax-attr: #50fa7b;
408
+ --wm-syntax-builtin: #8be9fd;
366
409
  }
367
410
 
368
-
369
411
  /* ================================================================
370
412
  Twilight Peach
371
413
  ================================================================ */
372
414
  [data-theme='twilight-peach'] {
373
415
  color-scheme: dark;
374
416
  --wm-priority-alpha: 20%;
375
- --wm-priority-critical-text: color-mix(in srgb, var(--wm-color-critical) 85%, white);
417
+ --wm-priority-critical-text: color-mix(
418
+ in srgb,
419
+ var(--wm-color-critical) 85%,
420
+ white
421
+ );
376
422
 
377
423
  /* Surfaces */
378
- --wm-bg-sunken: #020617;
379
- --wm-bg-base: #171827;
380
- --wm-bg-raised: #201e37;
381
- --wm-bg-float: #292a48;
382
- --wm-bg-hover: #32334e;
424
+ --wm-bg-sunken: #020617;
425
+ --wm-bg-base: #171827;
426
+ --wm-bg-raised: #201e37;
427
+ --wm-bg-float: #292a48;
428
+ --wm-bg-hover: #32334e;
383
429
  --wm-bg-foreground: #3c3d5e;
384
430
 
385
431
  /* Text */
386
- --wm-text-primary: #eeedf8;
387
- --wm-text-secondary: #a9a8c0;
388
- --wm-text-muted: #9898b4;
432
+ --wm-text-primary: #eeedf8;
433
+ --wm-text-secondary: #a9a8c0;
434
+ --wm-text-muted: #b89f91;
389
435
  --wm-text-placeholder: #4a4962;
390
436
 
391
437
  /* Borders */
392
- --wm-border: #565888;
438
+ --wm-border: #565888;
393
439
  --wm-border-subtle: #353758;
394
- --wm-border-hover: #6468a0;
395
- --wm-border-input: #797ba0;
440
+ --wm-border-hover: #6468a0;
441
+ --wm-border-input: #797ba0;
396
442
 
397
443
  /* Accent — warm peach */
398
- --wm-color-accent: #f5986a;
444
+ --wm-color-accent: #f5986a;
399
445
  --wm-color-accent-hover: #f08458;
400
- --wm-color-accent-text: #1c1d2e;
446
+ --wm-color-accent-text: #1c1d2e;
401
447
 
402
448
  /* Semantic */
403
449
  --wm-color-success: #5cbfa0;
404
450
  --wm-color-warning: #f0b464;
405
- --wm-color-danger: #f07878;
451
+ --wm-color-danger: #f07878;
406
452
 
407
453
  /* Item type colors */
408
- --wm-color-task: #70a8f0;
409
- --wm-color-bug: #f07878;
410
- --wm-color-story: #5cbfa0;
411
- --wm-color-epic: #b090e8;
412
- --wm-color-initiative: #f0b464;
413
- --wm-color-completed: #9090d8;
414
- --wm-color-epic-text: #ffffff;
415
- --wm-color-initiative-text: #1c1d2e;
454
+ --wm-color-task: #70a8f0;
455
+ --wm-color-bug: #f07878;
456
+ --wm-color-story: #5cbfa0;
457
+ --wm-color-epic: #b090e8;
458
+ --wm-color-initiative: #f0b464;
459
+ --wm-color-completed: #9090d8;
460
+ --wm-color-epic-text: #ffffff;
461
+ --wm-color-initiative-text: #1c1d2e;
416
462
 
417
463
  /* Shadows */
418
464
  --wm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
@@ -423,65 +469,68 @@
423
469
  --wm-backdrop-opacity: 0.55;
424
470
 
425
471
  /* Syntax highlighting */
426
- --wm-syntax-keyword: #c78ed4;
427
- --wm-syntax-string: #98c87a;
428
- --wm-syntax-comment: #6b6a82;
429
- --wm-syntax-number: #f0b464;
472
+ --wm-syntax-keyword: #c78ed4;
473
+ --wm-syntax-string: #98c87a;
474
+ --wm-syntax-comment: #6b6a82;
475
+ --wm-syntax-number: #f0b464;
430
476
  --wm-syntax-function: #80c0e8;
431
- --wm-syntax-type: #e5c480;
477
+ --wm-syntax-type: #e5c480;
432
478
  --wm-syntax-variable: #f5986a;
433
- --wm-syntax-attr: #d4a870;
434
- --wm-syntax-builtin: #70c0c8;
479
+ --wm-syntax-attr: #d4a870;
480
+ --wm-syntax-builtin: #70c0c8;
435
481
  }
436
482
 
437
-
438
483
  /* ================================================================
439
484
  Thistle & Mocha
440
485
  ================================================================ */
441
486
  [data-theme='thistle-mocha'] {
442
487
  color-scheme: dark;
443
488
  --wm-priority-alpha: 20%;
444
- --wm-priority-critical-text: color-mix(in srgb, var(--wm-color-critical) 85%, white);
489
+ --wm-priority-critical-text: color-mix(
490
+ in srgb,
491
+ var(--wm-color-critical) 85%,
492
+ white
493
+ );
445
494
 
446
495
  /* Surfaces — warm near-black mocha family */
447
- --wm-bg-base: #221918;
496
+ --wm-bg-base: #221918;
448
497
  --wm-bg-raised: #382e2c;
449
- --wm-bg-float: #403635;
450
- --wm-bg-sunken: #151310;
451
- --wm-bg-hover: #2c2822;
498
+ --wm-bg-float: #403635;
499
+ --wm-bg-sunken: #151310;
500
+ --wm-bg-hover: #2c2822;
452
501
  --wm-bg-foreground: #514240;
453
502
 
454
503
  /* Text — warm cream */
455
- --wm-text-primary: #ede9e1;
456
- --wm-text-secondary: #ada598;
457
- --wm-text-muted: #a09890;
504
+ --wm-text-primary: #ede9e1;
505
+ --wm-text-secondary: #c5bcae;
506
+ --wm-text-muted: #a3a8aa;
458
507
  --wm-text-placeholder: #4a4540;
459
508
 
460
509
  /* Borders */
461
- --wm-border: #2e2820;
510
+ --wm-border: #2e2820;
462
511
  --wm-border-subtle: #241e18;
463
- --wm-border-hover: #504840;
464
- --wm-border-input: #8a7670;
512
+ --wm-border-hover: #504840;
513
+ --wm-border-input: #8a7670;
465
514
 
466
515
  /* Accent — thistle (muted lavender) */
467
- --wm-color-accent: #c4a8d8;
516
+ --wm-color-accent: #c4a8d8;
468
517
  --wm-color-accent-hover: #9e7abf;
469
- --wm-color-accent-text: #1a1715;
518
+ --wm-color-accent-text: #1a1715;
470
519
 
471
520
  /* Semantic */
472
521
  --wm-color-success: #7ac4a0;
473
522
  --wm-color-warning: #d4a85a;
474
- --wm-color-danger: #e07878;
523
+ --wm-color-danger: #e07878;
475
524
 
476
525
  /* Item type colors */
477
- --wm-color-task: #80a8e0;
478
- --wm-color-bug: #e07878;
479
- --wm-color-story: #7ac4a0;
480
- --wm-color-epic: #b090d8;
481
- --wm-color-initiative: #d4a85a;
482
- --wm-color-completed: #9890c8;
483
- --wm-color-epic-text: #1a1715;
484
- --wm-color-initiative-text: #1a1715;
526
+ --wm-color-task: #80a8e0;
527
+ --wm-color-bug: #e07878;
528
+ --wm-color-story: #7ac4a0;
529
+ --wm-color-epic: #b090d8;
530
+ --wm-color-initiative: #d4a85a;
531
+ --wm-color-completed: #9890c8;
532
+ --wm-color-epic-text: #1a1715;
533
+ --wm-color-initiative-text: #1a1715;
485
534
 
486
535
  /* Shadows */
487
536
  --wm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.6);
@@ -492,18 +541,17 @@
492
541
  --wm-backdrop-opacity: 0.6;
493
542
 
494
543
  /* Syntax highlighting */
495
- --wm-syntax-keyword: #d8a8c4;
496
- --wm-syntax-string: #a0c890;
497
- --wm-syntax-comment: #6e6660;
498
- --wm-syntax-number: #d4a85a;
544
+ --wm-syntax-keyword: #d8a8c4;
545
+ --wm-syntax-string: #a0c890;
546
+ --wm-syntax-comment: #6e6660;
547
+ --wm-syntax-number: #d4a85a;
499
548
  --wm-syntax-function: #90b8d8;
500
- --wm-syntax-type: #d8c890;
549
+ --wm-syntax-type: #d8c890;
501
550
  --wm-syntax-variable: #c4a8d8;
502
- --wm-syntax-attr: #c8a870;
503
- --wm-syntax-builtin: #80c4b8;
551
+ --wm-syntax-attr: #c8a870;
552
+ --wm-syntax-builtin: #80c4b8;
504
553
  }
505
554
 
506
-
507
555
  /* ================================================================
508
556
  Solarized Precision
509
557
  ================================================================ */
@@ -511,44 +559,44 @@
511
559
  color-scheme: light;
512
560
 
513
561
  /* Surfaces — warm cream base, distinct tan surface, clean white cards */
514
- --wm-bg-base: #ede7d2;
515
- --wm-bg-raised: #e2d8bc;
516
- --wm-bg-float: #d4cba8;
517
- --wm-bg-sunken: #f1e8dd;
518
- --wm-bg-hover: #ede5cc;
562
+ --wm-bg-base: #ede7d2;
563
+ --wm-bg-raised: #e2d8bc;
564
+ --wm-bg-float: #d4cba8;
565
+ --wm-bg-sunken: #f1e8dd;
566
+ --wm-bg-hover: #ede5cc;
519
567
  --wm-bg-foreground: #c6be96;
520
568
 
521
569
  /* Text — solarized blue-gray family */
522
- --wm-text-primary: #2c3e48;
523
- --wm-text-secondary: #4e6470;
524
- --wm-text-muted: #455868;
570
+ --wm-text-primary: #2c3e48;
571
+ --wm-text-secondary: #3e545f;
572
+ --wm-text-muted: #455868;
525
573
  --wm-text-placeholder: #a8b8be;
526
574
 
527
575
  /* Borders */
528
- --wm-border: #cec6aa;
576
+ --wm-border: #cec6aa;
529
577
  --wm-border-subtle: #dad4bc;
530
- --wm-border-hover: #8c9ea8;
531
- --wm-border-input: #688090;
578
+ --wm-border-hover: #8c9ea8;
579
+ --wm-border-input: #688090;
532
580
 
533
581
  /* Accent — precision teal-blue */
534
- --wm-color-accent: #185c78;
582
+ --wm-color-accent: #185c78;
535
583
  --wm-color-accent-hover: #1e6e96;
536
- --wm-color-accent-text: #ffffff;
584
+ --wm-color-accent-text: #ffffff;
537
585
 
538
586
  /* Semantic */
539
- --wm-color-success: #218a5c;
540
- --wm-color-warning: #9a6800;
541
- --wm-color-danger: #c4302c;
587
+ --wm-color-success: #006036;
588
+ --wm-color-warning: #6b4500;
589
+ --wm-color-danger: #c4302c;
542
590
 
543
591
  /* Item type colors */
544
- --wm-color-task: #1e6ea8;
545
- --wm-color-bug: #c4302c;
546
- --wm-color-story: #218a5c;
547
- --wm-color-epic: #6a38aa;
548
- --wm-color-initiative: #9a5800;
549
- --wm-color-completed: #4a6ea8;
550
- --wm-color-epic-text: #ffffff;
551
- --wm-color-initiative-text: #ffffff;
592
+ --wm-color-task: #1e6ea8;
593
+ --wm-color-bug: #c4302c;
594
+ --wm-color-story: #218a5c;
595
+ --wm-color-epic: #6a38aa;
596
+ --wm-color-initiative: #9a5800;
597
+ --wm-color-completed: #4a6ea8;
598
+ --wm-color-epic-text: #ffffff;
599
+ --wm-color-initiative-text: #ffffff;
552
600
 
553
601
  /* Shadows — light theme, warm-tinted */
554
602
  --wm-shadow-sm: 0 1px 2px rgba(44, 62, 72, 0.08);
@@ -559,65 +607,68 @@
559
607
  --wm-backdrop-opacity: 0.35;
560
608
 
561
609
  /* Syntax — solarized light palette */
562
- --wm-syntax-keyword: #859900;
563
- --wm-syntax-string: #2aa198;
564
- --wm-syntax-comment: #93a1a1;
565
- --wm-syntax-number: #d48600;
610
+ --wm-syntax-keyword: #859900;
611
+ --wm-syntax-string: #2aa198;
612
+ --wm-syntax-comment: #93a1a1;
613
+ --wm-syntax-number: #d48600;
566
614
  --wm-syntax-function: #268bd2;
567
- --wm-syntax-type: #b58900;
615
+ --wm-syntax-type: #b58900;
568
616
  --wm-syntax-variable: #cb4b16;
569
- --wm-syntax-attr: #b58900;
570
- --wm-syntax-builtin: #2aa198;
617
+ --wm-syntax-attr: #b58900;
618
+ --wm-syntax-builtin: #2aa198;
571
619
  }
572
620
 
573
-
574
621
  /* ================================================================
575
622
  Posh Sandalwood
576
623
  ================================================================ */
577
624
  [data-theme='posh-sandalwood'] {
578
625
  color-scheme: dark;
579
626
  --wm-priority-alpha: 20%;
580
- --wm-priority-critical-text: color-mix(in srgb, var(--wm-color-critical) 85%, white);
627
+ --wm-priority-critical-text: color-mix(
628
+ in srgb,
629
+ var(--wm-color-critical) 85%,
630
+ white
631
+ );
581
632
 
582
633
  /* Surfaces — warm olive-brown, sunken=darkest, float=lightest */
583
- --wm-bg-sunken: #1c1c15;
584
- --wm-bg-base: #27271f;
585
- --wm-bg-raised: #333028;
586
- --wm-bg-float: #403c30;
587
- --wm-bg-hover: #4a4538;
634
+ --wm-bg-sunken: #1c1c15;
635
+ --wm-bg-base: #27271f;
636
+ --wm-bg-raised: #333028;
637
+ --wm-bg-float: #403c30;
638
+ --wm-bg-hover: #4a4538;
588
639
  --wm-bg-foreground: #524e3e;
589
640
 
590
641
  /* Text — sandalwood cream palette */
591
- --wm-text-primary: #fdf0e0;
592
- --wm-text-secondary: #c5b59b;
593
- --wm-text-muted: #b8a690;
642
+ --wm-text-primary: #fdf0e0;
643
+ --wm-text-secondary: #c5b59b;
644
+ --wm-text-muted: #b5bab3;
594
645
  --wm-text-placeholder: #5a5040;
595
646
 
596
647
  /* Borders */
597
- --wm-border: #3a3828;
648
+ --wm-border: #3a3828;
598
649
  --wm-border-subtle: #2e2c22;
599
- --wm-border-hover: #f92672;
600
- --wm-border-input: #877567;
650
+ --wm-border-hover: #f92672;
651
+ --wm-border-input: #877567;
601
652
 
602
653
  /* Accent — Monokai hot pink */
603
- --wm-color-accent: #f92672;
654
+ --wm-color-accent: #f92672;
604
655
  --wm-color-accent-hover: #fd971f;
605
- --wm-color-accent-text: #1c1c15;
656
+ --wm-color-accent-text: #1c1c15;
606
657
 
607
658
  /* Semantic */
608
659
  --wm-color-success: #a6e22e;
609
660
  --wm-color-warning: #fd971f;
610
- --wm-color-danger: #f92672;
661
+ --wm-color-danger: #f92672;
611
662
 
612
663
  /* Item type colors */
613
- --wm-color-task: #66d9ef;
614
- --wm-color-bug: #f92672;
615
- --wm-color-story: #a6e22e;
616
- --wm-color-epic: #ae81ff;
617
- --wm-color-initiative: #fd971f;
618
- --wm-color-completed: #a6e22e;
619
- --wm-color-epic-text: #1c1c15;
620
- --wm-color-initiative-text: #1c1c15;
664
+ --wm-color-task: #66d9ef;
665
+ --wm-color-bug: #f92672;
666
+ --wm-color-story: #a6e22e;
667
+ --wm-color-epic: #ae81ff;
668
+ --wm-color-initiative: #fd971f;
669
+ --wm-color-completed: #a6e22e;
670
+ --wm-color-epic-text: #1c1c15;
671
+ --wm-color-initiative-text: #1c1c15;
621
672
 
622
673
  /* Shadows */
623
674
  --wm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
@@ -628,65 +679,68 @@
628
679
  --wm-backdrop-opacity: 0.5;
629
680
 
630
681
  /* Syntax highlighting — full Monokai palette on warm surfaces */
631
- --wm-syntax-keyword: #f92672;
632
- --wm-syntax-string: #e6db74;
633
- --wm-syntax-comment: #75715e;
634
- --wm-syntax-number: #ae81ff;
682
+ --wm-syntax-keyword: #f92672;
683
+ --wm-syntax-string: #e6db74;
684
+ --wm-syntax-comment: #75715e;
685
+ --wm-syntax-number: #ae81ff;
635
686
  --wm-syntax-function: #a6e22e;
636
- --wm-syntax-type: #66d9ef;
687
+ --wm-syntax-type: #66d9ef;
637
688
  --wm-syntax-variable: #fd971f;
638
- --wm-syntax-attr: #a6e22e;
639
- --wm-syntax-builtin: #66d9ef;
689
+ --wm-syntax-attr: #a6e22e;
690
+ --wm-syntax-builtin: #66d9ef;
640
691
  }
641
692
 
642
-
643
693
  /* ================================================================
644
694
  Crepuscular Sky
645
695
  ================================================================ */
646
696
  [data-theme='crepuscular-sky'] {
647
697
  color-scheme: dark;
648
698
  --wm-priority-alpha: 20%;
649
- --wm-priority-critical-text: color-mix(in srgb, var(--wm-color-critical) 85%, white);
699
+ --wm-priority-critical-text: color-mix(
700
+ in srgb,
701
+ var(--wm-color-critical) 85%,
702
+ white
703
+ );
650
704
 
651
705
  /* Surfaces — deep navy, sunken=darkest, float=lightest */
652
- --wm-bg-sunken: #060810;
653
- --wm-bg-base: #121523;
654
- --wm-bg-raised: #131a28;
655
- --wm-bg-float: #1d2338;
656
- --wm-bg-hover: #252c44;
706
+ --wm-bg-sunken: #060810;
707
+ --wm-bg-base: #121523;
708
+ --wm-bg-raised: #131a28;
709
+ --wm-bg-float: #1d2338;
710
+ --wm-bg-hover: #252c44;
657
711
  --wm-bg-foreground: #2d3654;
658
712
 
659
713
  /* Text — pale warm cream, stepping through amber to cool blue-grey */
660
- --wm-text-primary: #edd9a3;
661
- --wm-text-secondary: #ba9d7a;
662
- --wm-text-muted: #9083a0;
714
+ --wm-text-primary: #edd9a3;
715
+ --wm-text-secondary: #ba9d7a;
716
+ --wm-text-muted: #a094ac;
663
717
  --wm-text-placeholder: #3d4d68;
664
718
 
665
719
  /* Borders */
666
- --wm-border: #202a40;
720
+ --wm-border: #202a40;
667
721
  --wm-border-subtle: #54575c;
668
- --wm-border-hover: #e8920a;
669
- --wm-border-input: #5a6888;
722
+ --wm-border-hover: #e8920a;
723
+ --wm-border-input: #5a6888;
670
724
 
671
725
  /* Accent — golden orange, the crepuscular ray color */
672
- --wm-color-accent: #c09d06;
726
+ --wm-color-accent: #c09d06;
673
727
  --wm-color-accent-hover: #b15000;
674
- --wm-color-accent-text: #060810;
728
+ --wm-color-accent-text: #060810;
675
729
 
676
730
  /* Semantic */
677
731
  --wm-color-success: #4aba80;
678
732
  --wm-color-warning: #d4830a;
679
- --wm-color-danger: #e05c5c;
733
+ --wm-color-danger: #e05c5c;
680
734
 
681
735
  /* Item type colors */
682
- --wm-color-task: #8ab4d8;
683
- --wm-color-bug: #e05c5c;
684
- --wm-color-story: #4aba80;
685
- --wm-color-epic: #c08ae0;
686
- --wm-color-initiative: #e8920a;
687
- --wm-color-completed: #7bb8a8;
688
- --wm-color-epic-text: #ffffff;
689
- --wm-color-initiative-text: #060810;
736
+ --wm-color-task: #8ab4d8;
737
+ --wm-color-bug: #e05c5c;
738
+ --wm-color-story: #4aba80;
739
+ --wm-color-epic: #c08ae0;
740
+ --wm-color-initiative: #e8920a;
741
+ --wm-color-completed: #7bb8a8;
742
+ --wm-color-epic-text: #ffffff;
743
+ --wm-color-initiative-text: #060810;
690
744
 
691
745
  /* Shadows */
692
746
  --wm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.6);
@@ -697,65 +751,68 @@
697
751
  --wm-backdrop-opacity: 0.6;
698
752
 
699
753
  /* Syntax highlighting — warm golden with reddish-purple accents */
700
- --wm-syntax-keyword: #d4830a;
701
- --wm-syntax-string: #edd9a3;
702
- --wm-syntax-comment: #4a5a7a;
703
- --wm-syntax-number: #e05c8a;
754
+ --wm-syntax-keyword: #d4830a;
755
+ --wm-syntax-string: #edd9a3;
756
+ --wm-syntax-comment: #4a5a7a;
757
+ --wm-syntax-number: #e05c8a;
704
758
  --wm-syntax-function: #8ab4d8;
705
- --wm-syntax-type: #c0986a;
759
+ --wm-syntax-type: #c0986a;
706
760
  --wm-syntax-variable: #e05c5c;
707
- --wm-syntax-attr: #d4830a;
708
- --wm-syntax-builtin: #9b6bcc;
761
+ --wm-syntax-attr: #d4830a;
762
+ --wm-syntax-builtin: #9b6bcc;
709
763
  }
710
764
 
711
-
712
765
  /* ================================================================
713
766
  Source Control Dark
714
767
  ================================================================ */
715
768
  [data-theme='source-control-dark'] {
716
769
  color-scheme: dark;
717
770
  --wm-priority-alpha: 20%;
718
- --wm-priority-critical-text: color-mix(in srgb, var(--wm-color-critical) 85%, white);
771
+ --wm-priority-critical-text: color-mix(
772
+ in srgb,
773
+ var(--wm-color-critical) 85%,
774
+ white
775
+ );
719
776
 
720
777
  /* Surfaces */
721
- --wm-bg-base: #0d1117;
722
- --wm-bg-raised: #161b22;
723
- --wm-bg-float: #21262d;
724
- --wm-bg-sunken: #010409;
725
- --wm-bg-hover: #262c36;
778
+ --wm-bg-base: #0d1117;
779
+ --wm-bg-raised: #161b22;
780
+ --wm-bg-float: #21262d;
781
+ --wm-bg-sunken: #010409;
782
+ --wm-bg-hover: #262c36;
726
783
  --wm-bg-foreground: #313b45;
727
784
 
728
785
  /* Text */
729
- --wm-text-primary: #f0f6fc;
730
- --wm-text-secondary: #c9d1d9;
731
- --wm-text-muted: #9198a1;
786
+ --wm-text-primary: #f0f6fc;
787
+ --wm-text-secondary: #c9d1d9;
788
+ --wm-text-muted: #9198a1;
732
789
  --wm-text-placeholder: #636c76;
733
790
 
734
791
  /* Borders */
735
- --wm-border: #444c56;
792
+ --wm-border: #444c56;
736
793
  --wm-border-subtle: #30363d;
737
- --wm-border-hover: #58a6ff;
738
- --wm-border-input: #6a6f76;
794
+ --wm-border-hover: #58a6ff;
795
+ --wm-border-input: #6a6f76;
739
796
 
740
797
  /* Accent — medium green, needs dark text for contrast */
741
- --wm-color-accent: #3fb950;
798
+ --wm-color-accent: #3fb950;
742
799
  --wm-color-accent-hover: #58a6ff;
743
- --wm-color-accent-text: #0d1117;
800
+ --wm-color-accent-text: #0d1117;
744
801
 
745
802
  /* Semantic */
746
803
  --wm-color-success: #3fb950;
747
804
  --wm-color-warning: #d29922;
748
- --wm-color-danger: #f85149;
805
+ --wm-color-danger: #f85149;
749
806
 
750
807
  /* Item type colors */
751
- --wm-color-task: #58a6ff;
752
- --wm-color-bug: #f85149;
753
- --wm-color-story: #3fb950;
754
- --wm-color-epic: #bc8cff;
755
- --wm-color-initiative: #d29922;
756
- --wm-color-completed: #3fb950;
757
- --wm-color-epic-text: #ffffff;
758
- --wm-color-initiative-text: #ffffff;
808
+ --wm-color-task: #58a6ff;
809
+ --wm-color-bug: #f85149;
810
+ --wm-color-story: #3fb950;
811
+ --wm-color-epic: #bc8cff;
812
+ --wm-color-initiative: #d29922;
813
+ --wm-color-completed: #3fb950;
814
+ --wm-color-epic-text: #ffffff;
815
+ --wm-color-initiative-text: #ffffff;
759
816
 
760
817
  /* Shadows */
761
818
  --wm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
@@ -766,65 +823,68 @@
766
823
  --wm-backdrop-opacity: 0.5;
767
824
 
768
825
  /* Syntax highlighting */
769
- --wm-syntax-keyword: #ff7b72;
770
- --wm-syntax-string: #a5d6ff;
771
- --wm-syntax-comment: #8b949e;
772
- --wm-syntax-number: #79c0ff;
826
+ --wm-syntax-keyword: #ff7b72;
827
+ --wm-syntax-string: #a5d6ff;
828
+ --wm-syntax-comment: #8b949e;
829
+ --wm-syntax-number: #79c0ff;
773
830
  --wm-syntax-function: #d2a8ff;
774
- --wm-syntax-type: #ffa657;
831
+ --wm-syntax-type: #ffa657;
775
832
  --wm-syntax-variable: #ffa657;
776
- --wm-syntax-attr: #79c0ff;
777
- --wm-syntax-builtin: #79c0ff;
833
+ --wm-syntax-attr: #79c0ff;
834
+ --wm-syntax-builtin: #79c0ff;
778
835
  }
779
836
 
780
-
781
837
  /* ================================================================
782
838
  Wildmason (Stone & Moss)
783
839
  ================================================================ */
784
840
  [data-theme='wildmason'] {
785
841
  color-scheme: dark;
786
842
  --wm-priority-alpha: 20%;
787
- --wm-priority-critical-text: color-mix(in srgb, var(--wm-color-critical) 85%, white);
843
+ --wm-priority-critical-text: color-mix(
844
+ in srgb,
845
+ var(--wm-color-critical) 85%,
846
+ white
847
+ );
788
848
 
789
849
  /* Surfaces — Cooler, Deeper Stone Grays */
790
- --wm-bg-sunken: #1b1d1c;
791
- --wm-bg-base: #2a2c2b;
792
- --wm-bg-raised: #383b3a;
793
- --wm-bg-float: #464a49;
794
- --wm-bg-hover: #545958;
850
+ --wm-bg-sunken: #1b1d1c;
851
+ --wm-bg-base: #2a2c2b;
852
+ --wm-bg-raised: #383b3a;
853
+ --wm-bg-float: #464a49;
854
+ --wm-bg-hover: #405450;
795
855
  --wm-bg-foreground: #626967;
796
856
 
797
857
  /* Text — Crisp Soft White with hint of mint */
798
- --wm-text-primary: #d8e0d8;
799
- --wm-text-secondary: #c2ccc2;
800
- --wm-text-muted: #a3ada3;
858
+ --wm-text-primary: #d8e0d8;
859
+ --wm-text-secondary: #c2ccc2;
860
+ --wm-text-muted: #c0cac0;
801
861
  --wm-text-placeholder: #687068;
802
862
 
803
863
  /* Borders — Deep Stone */
804
- --wm-border: #3d4241;
864
+ --wm-border: #3d4241;
805
865
  --wm-border-subtle: #2f3332;
806
- --wm-border-hover: #82a682;
807
- --wm-border-input: #7a8582;
866
+ --wm-border-hover: #82a682;
867
+ --wm-border-input: #7a8582;
808
868
 
809
869
  /* Accent — Forest Moss Green */
810
- --wm-color-accent: #82a682;
870
+ --wm-color-accent: #82a682;
811
871
  --wm-color-accent-hover: #94b894;
812
- --wm-color-accent-text: #161817;
872
+ --wm-color-accent-text: #161817;
813
873
 
814
874
  /* Semantic */
815
- --wm-color-success: #82a682;
875
+ --wm-color-success: #a0c5a0;
816
876
  --wm-color-warning: #ebcb8b;
817
- --wm-color-danger: #bf616a;
877
+ --wm-color-danger: #bf616a;
818
878
 
819
879
  /* Item type colors — Wildmason selection */
820
- --wm-color-task: #82a682;
821
- --wm-color-bug: #bf616a;
822
- --wm-color-story: #a3be8c;
823
- --wm-color-epic: #b48ead;
824
- --wm-color-initiative: #ebcb8b;
825
- --wm-color-completed: #94b894;
826
- --wm-color-epic-text: #ffffff;
827
- --wm-color-initiative-text: #161817;
880
+ --wm-color-task: #82a682;
881
+ --wm-color-bug: #bf616a;
882
+ --wm-color-story: #a3be8c;
883
+ --wm-color-epic: #b48ead;
884
+ --wm-color-initiative: #ebcb8b;
885
+ --wm-color-completed: #94b894;
886
+ --wm-color-epic-text: #ffffff;
887
+ --wm-color-initiative-text: #161817;
828
888
 
829
889
  /* Shadows — Deeper contrast for stone depth */
830
890
  --wm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
@@ -835,13 +895,79 @@
835
895
  --wm-backdrop-opacity: 0.55;
836
896
 
837
897
  /* Syntax highlighting — Sage and Stone inspired */
838
- --wm-syntax-keyword: #98b498;
839
- --wm-syntax-string: #b0c8b0;
840
- --wm-syntax-comment: #6c7570;
841
- --wm-syntax-number: #d8dee9;
898
+ --wm-syntax-keyword: #98b498;
899
+ --wm-syntax-string: #b0c8b0;
900
+ --wm-syntax-comment: #6c7570;
901
+ --wm-syntax-number: #d8dee9;
842
902
  --wm-syntax-function: #e2e8e2;
843
- --wm-syntax-type: #b8c2b8;
903
+ --wm-syntax-type: #b8c2b8;
844
904
  --wm-syntax-variable: #a3be8c;
845
- --wm-syntax-attr: #98b498;
846
- --wm-syntax-builtin: #ebcb8b;
905
+ --wm-syntax-attr: #98b498;
906
+ --wm-syntax-builtin: #ebcb8b;
907
+ }
908
+
909
+ /* ================================================================
910
+ Sage & Linen (a lighter take on Wildmason)
911
+ ================================================================ */
912
+ [data-theme='sage-linen'] {
913
+ color-scheme: light;
914
+
915
+ /* Surfaces — cool eucalyptus, low chroma */
916
+ --wm-bg-base: #d4ded4;
917
+ --wm-bg-raised: #c5d1c5;
918
+ --wm-bg-float: #e6efe5;
919
+ --wm-bg-sunken: #dde6dc;
920
+ --wm-bg-hover: #d8e2d7;
921
+ --wm-bg-foreground: #b3c1b3;
922
+
923
+ /* Text */
924
+ --wm-text-primary: #1e2822;
925
+ --wm-text-secondary: #3a4a40;
926
+ --wm-text-muted: #4a5b4f;
927
+ --wm-text-placeholder: #94a298;
928
+
929
+ /* Borders */
930
+ --wm-border: #bcc5b8;
931
+ --wm-border-subtle: #ccd4c8;
932
+ --wm-border-hover: #3a5a43;
933
+ --wm-border-input: #788876;
934
+
935
+ /* Accent — deep forest green */
936
+ --wm-color-accent: #3a5a43;
937
+ --wm-color-accent-hover: #2c4733;
938
+ --wm-color-accent-text: #eaf0e7;
939
+
940
+ /* Semantic */
941
+ --wm-color-success: #3a6b48;
942
+ --wm-color-warning: #8a5a1f;
943
+ --wm-color-danger: #ac3838;
944
+
945
+ /* Item types */
946
+ --wm-color-task: #3a5a43;
947
+ --wm-color-bug: #ac3838;
948
+ --wm-color-story: #3a6b48;
949
+ --wm-color-epic: #6b4a7a;
950
+ --wm-color-initiative: #8a5a1f;
951
+ --wm-color-completed: #4a6a80;
952
+ --wm-color-epic-text: #ffffff;
953
+ --wm-color-initiative-text: #ffffff;
954
+
955
+ /* Shadows — forest-ink tinted */
956
+ --wm-shadow-sm: 0 1px 2px rgba(30, 40, 34, 0.07);
957
+ --wm-shadow-md: 0 4px 8px rgba(30, 40, 34, 0.1);
958
+ --wm-shadow-lg: 0 10px 20px rgba(30, 40, 34, 0.12);
959
+
960
+ /* Overlay */
961
+ --wm-backdrop-opacity: 0.35;
962
+
963
+ /* Syntax highlighting */
964
+ --wm-syntax-keyword: #7a2e6b;
965
+ --wm-syntax-string: #3a6b48;
966
+ --wm-syntax-comment: #8a958a;
967
+ --wm-syntax-number: #8a5a1f;
968
+ --wm-syntax-function: #3a5a43;
969
+ --wm-syntax-type: #8a6d1f;
970
+ --wm-syntax-variable: #ac3838;
971
+ --wm-syntax-attr: #8a5a1f;
972
+ --wm-syntax-builtin: #4a6a80;
847
973
  }