@rakeyshgidwani/roger-ui-bank-theme-jeremy 0.5.3 → 0.6.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 (17) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/dist/styles.css +228 -213
  3. package/dist/theme.d.ts.map +1 -1
  4. package/dist/theme.esm.js +177 -174
  5. package/dist/theme.js +177 -174
  6. package/dist/themes/seedColors.d.ts +93 -0
  7. package/dist/themes/seedColors.d.ts.map +1 -0
  8. package/dist/themes/seedColors.esm.js +37 -0
  9. package/dist/themes/seedColors.js +37 -0
  10. package/dist/themes/themes/jeremy.d.ts.map +1 -1
  11. package/dist/themes/themes/jeremy.esm.js +177 -174
  12. package/dist/themes/themes/jeremy.js +177 -174
  13. package/package.json +1 -1
  14. package/src/styles/themes/jeremy.css +227 -212
  15. package/src/theme.ts +180 -177
  16. package/src/themes/seedColors.ts +111 -0
  17. package/src/themes/themes/jeremy.ts +180 -177
package/src/styles/themes/jeremy.css CHANGED
@@ -1,4 +1,4 @@
1
- /* Jeremy Theme - Light & Dark Modes */
1
+ /* Jeremy Theme Theme - Light & Dark Modes */
2
2
  :root {
3
3
  /* Light Mode Variables */
4
4
  /* Breakpoint Variables */
@@ -140,72 +140,75 @@
140
140
  --cs-fonts-mono-letter-spacing-wide: 0.025em;
141
141
  --cs-fonts-mono-letter-spacing-wider: 0.05em;
142
142
  --cs-fonts-mono-letter-spacing-widest: 0.1em;
143
- --cs-colors-primary-50: #FBEAEA;
144
- --cs-colors-primary-100: #F4CFCF;
145
- --cs-colors-primary-200: #E8A9A9;
146
- --cs-colors-primary-300: #D97D7D;
147
- --cs-colors-primary-400: #C55A5A;
148
- --cs-colors-primary-500: #A3485A;
149
- --cs-colors-primary-600: #8C3447;
150
- --cs-colors-primary-700: #752737;
151
- --cs-colors-primary-800: #662222;
152
- --cs-colors-primary-900: #421414;
153
- --cs-colors-primary-500-rgb: 163, 72, 90;
154
- --cs-colors-primary-600-rgb: 140, 52, 71;
155
- --cs-colors-primary-700-rgb: 117, 39, 55;
156
- --cs-colors-secondary-50: #FFF8E8;
157
- --cs-colors-secondary-100: #FFF1D1;
158
- --cs-colors-secondary-200: #FDE5B3;
159
- --cs-colors-secondary-300: #F5DAA7;
160
- --cs-colors-secondary-400: #EACF8D;
161
- --cs-colors-secondary-500: #D9BA71;
162
- --cs-colors-secondary-600: #BCA059;
163
- --cs-colors-secondary-700: #9C8245;
164
- --cs-colors-secondary-800: #7B6534;
165
- --cs-colors-secondary-900: #544521;
143
+ --cs-colors-primary-50: #F4F1F1;
144
+ --cs-colors-primary-100: #E9E2E2;
145
+ --cs-colors-primary-200: #D6C2C2;
146
+ --cs-colors-primary-300: #C69F9F;
147
+ --cs-colors-primary-400: #999999;
148
+ --cs-colors-primary-500: #1E1E1E;
149
+ --cs-colors-primary-600: #666666;
150
+ --cs-colors-primary-700: #603939;
151
+ --cs-colors-primary-800: #432D2D;
152
+ --cs-colors-primary-900: #291E1E;
153
+ --cs-colors-primary-500-rgb: 30, 30, 30;
154
+ --cs-colors-primary-600-rgb: 102, 102, 102;
155
+ --cs-colors-primary-700-rgb: 96, 57, 57;
156
+ --cs-colors-secondary-50: #F8F5EC;
157
+ --cs-colors-secondary-100: #F3ECD8;
158
+ --cs-colors-secondary-200: #E9DAAF;
159
+ --cs-colors-secondary-300: #E2C983;
160
+ --cs-colors-secondary-400: #DDB955;
161
+ --cs-colors-secondary-500: #E8CF8A;
162
+ --cs-colors-secondary-600: #AA8622;
163
+ --cs-colors-secondary-700: #7C631D;
164
+ --cs-colors-secondary-800: #584718;
165
+ --cs-colors-secondary-900: #362C11;
166
+ --cs-colors-secondary-500-rgb: 232, 207, 138;
167
+ --cs-colors-secondary-600-rgb: 170, 134, 34;
168
+ --cs-colors-secondary-700-rgb: 124, 99, 29;
166
169
  --cs-colors-semantic-success: #1E824C;
167
- --cs-colors-semantic-warning: #E6A23C;
170
+ --cs-colors-semantic-warning: #D99A3E;
168
171
  --cs-colors-semantic-error: #D93025;
169
- --cs-colors-semantic-error-dark: #A12017;
170
- --cs-colors-semantic-info: #007BCE;
172
+ --cs-colors-semantic-error-dark: #6D1912;
173
+ --cs-colors-semantic-info: #2563EB;
171
174
  --cs-colors-semantic-success-rgb: 30, 130, 76;
172
- --cs-colors-semantic-warning-rgb: 230, 162, 60;
175
+ --cs-colors-semantic-warning-rgb: 217, 154, 62;
173
176
  --cs-colors-semantic-error-rgb: 217, 48, 37;
174
- --cs-colors-semantic-error-dark-rgb: 161, 32, 23;
175
- --cs-colors-semantic-info-rgb: 0, 123, 206;
177
+ --cs-colors-semantic-error-dark-rgb: 109, 25, 18;
178
+ --cs-colors-semantic-info-rgb: 37, 99, 235;
176
179
  --cs-colors-neutral-50: #FAFAFA;
177
- --cs-colors-neutral-100: #F4F4F4;
178
- --cs-colors-neutral-200: #E8E8E8;
179
- --cs-colors-neutral-300: #D1D1D1;
180
- --cs-colors-neutral-400: #B5B5B5;
181
- --cs-colors-neutral-500: #999999;
182
- --cs-colors-neutral-600: #7A7A7A;
183
- --cs-colors-neutral-700: #5C5C5C;
184
- --cs-colors-neutral-800: #3D3D3D;
185
- --cs-colors-neutral-900: #1E1E1E;
186
- --cs-colors-surface-background: #FFF9F3;
180
+ --cs-colors-neutral-100: #F5F4F4;
181
+ --cs-colors-neutral-200: #E9E7E7;
182
+ --cs-colors-neutral-300: #D3CFCF;
183
+ --cs-colors-neutral-400: #B9B1B1;
184
+ --cs-colors-neutral-500: #9E9494;
185
+ --cs-colors-neutral-600: #817474;
186
+ --cs-colors-neutral-700: #605757;
187
+ --cs-colors-neutral-800: #403A3A;
188
+ --cs-colors-neutral-900: #201D1D;
189
+ --cs-colors-surface-background: #FAF8F8;
187
190
  --cs-colors-surface-surface: #FFFFFF;
188
- --cs-colors-surface-border: #EAD7C0;
189
- --cs-colors-surface-divider: #F0E2D0;
190
- --cs-colors-text-primary: #2B1212;
191
- --cs-colors-text-secondary: #5E3A3A;
192
- --cs-colors-text-muted: #8C6F6F;
191
+ --cs-colors-surface-border: #E9E1CB;
192
+ --cs-colors-surface-divider: #F4F0E6;
193
+ --cs-colors-text-primary: #291E1E;
194
+ --cs-colors-text-secondary: #603939;
195
+ --cs-colors-text-muted: #9E9494;
193
196
  --cs-colors-text-inverse: #FFFFFF;
194
197
  --cs-colors-text-on-primary: #FFFFFF;
195
- --cs-colors-text-on-secondary: #2B1212;
196
- --cs-colors-text-on-surface: #2B1212;
197
- --cs-colors-interactive-hover: #842A3B;
198
- --cs-colors-interactive-active: #662222;
199
- --cs-colors-interactive-focus: #A3485A;
200
- --cs-colors-interactive-disabled: #C9B6B6;
201
- --cs-colors-accent: #F5DAA7;
202
- --cs-colors-bg-primary: #FBEAEA;
203
- --cs-colors-bg-secondary: #FFF1D1;
204
- --cs-colors-surface-bg: #FFF9F3;
205
- --cs-colors-primary-hover: #842A3B;
206
- --cs-colors-primary-active: #662222;
207
- --cs-colors-accent-rgb: 245, 218, 167;
208
- --cs-colors-border: #EAD7C0;
198
+ --cs-colors-text-on-secondary: #291E1E;
199
+ --cs-colors-text-on-surface: #291E1E;
200
+ --cs-colors-interactive-hover: #666666;
201
+ --cs-colors-interactive-active: #432D2D;
202
+ --cs-colors-interactive-focus: #1E1E1E;
203
+ --cs-colors-interactive-disabled: #D3CFCF;
204
+ --cs-colors-accent: #E2C983;
205
+ --cs-colors-bg-primary: #F4F1F1;
206
+ --cs-colors-bg-secondary: #F3ECD8;
207
+ --cs-colors-surface-bg: #FAF8F8;
208
+ --cs-colors-primary-hover: #666666;
209
+ --cs-colors-primary-active: #432D2D;
210
+ --cs-colors-accent-rgb: 226, 201, 131;
211
+ --cs-colors-border: #E9E1CB;
209
212
  --cs-colors-border-transparent: transparent;
210
213
  --cs-navigation-layout: horizontal;
211
214
  --cs-navigation-style: enhanced;
@@ -247,52 +250,52 @@
247
250
  --cs-navigation-spacing-margin-bottom: 0.25rem;
248
251
  --cs-navigation-spacing-margin-left: 0.5rem;
249
252
  --cs-navigation-colors-background-primary: #ffffff;
250
- --cs-navigation-colors-background-secondary: #FFF9F3;
253
+ --cs-navigation-colors-background-secondary: #F8F5EC;
251
254
  --cs-navigation-colors-background-tertiary: #FAFAFA;
252
255
  --cs-navigation-colors-background-light: #ffffff;
253
- --cs-navigation-colors-background-dark: #2B1212;
256
+ --cs-navigation-colors-background-dark: #291E1E;
254
257
  --cs-navigation-colors-background-contrast: #000000;
255
- --cs-navigation-colors-text-primary: #2B1212;
256
- --cs-navigation-colors-text-secondary: #5E3A3A;
257
- --cs-navigation-colors-text-tertiary: #8C6F6F;
258
- --cs-navigation-colors-text-light: #B5B5B5;
259
- --cs-navigation-colors-text-dark: #2B1212;
258
+ --cs-navigation-colors-text-primary: #291E1E;
259
+ --cs-navigation-colors-text-secondary: #603939;
260
+ --cs-navigation-colors-text-tertiary: #9E9494;
261
+ --cs-navigation-colors-text-light: #B9B1B1;
262
+ --cs-navigation-colors-text-dark: #291E1E;
260
263
  --cs-navigation-colors-text-contrast: #ffffff;
261
- --cs-navigation-colors-border-primary: #EAD7C0;
262
- --cs-navigation-colors-border-secondary: #F0E2D0;
263
- --cs-navigation-colors-border-tertiary: #B5B5B5;
264
- --cs-navigation-colors-border-light: #F4F4F4;
265
- --cs-navigation-colors-border-dark: #5E3A3A;
264
+ --cs-navigation-colors-border-primary: #E9DAAF;
265
+ --cs-navigation-colors-border-secondary: #F3ECD8;
266
+ --cs-navigation-colors-border-tertiary: #B9B1B1;
267
+ --cs-navigation-colors-border-light: #F5F4F4;
268
+ --cs-navigation-colors-border-dark: #603939;
266
269
  --cs-navigation-colors-border-contrast: #000000;
267
- --cs-navigation-colors-accent-primary: #A3485A;
268
- --cs-navigation-colors-accent-secondary: #8C3447;
269
- --cs-navigation-colors-accent-tertiary: #752737;
270
- --cs-navigation-colors-accent-light: #E8A9A9;
271
- --cs-navigation-colors-accent-dark: #8C3447;
270
+ --cs-navigation-colors-accent-primary: #1E1E1E;
271
+ --cs-navigation-colors-accent-secondary: #666666;
272
+ --cs-navigation-colors-accent-tertiary: #603939;
273
+ --cs-navigation-colors-accent-light: #D6C2C2;
274
+ --cs-navigation-colors-accent-dark: #666666;
272
275
  --cs-navigation-colors-accent-contrast: #ffffff;
273
- --cs-navigation-colors-hover-primary: #FFF9F3;
276
+ --cs-navigation-colors-hover-primary: #F8F5EC;
274
277
  --cs-navigation-colors-hover-secondary: #FAFAFA;
275
- --cs-navigation-colors-hover-tertiary: #F4F4F4;
278
+ --cs-navigation-colors-hover-tertiary: #F5F4F4;
276
279
  --cs-navigation-colors-hover-light: #ffffff;
277
- --cs-navigation-colors-hover-dark: #421414;
278
- --cs-navigation-colors-hover-contrast: #FFF9F3;
279
- --cs-navigation-colors-active-primary: #A3485A;
280
- --cs-navigation-colors-active-secondary: #8C3447;
281
- --cs-navigation-colors-active-tertiary: #752737;
282
- --cs-navigation-colors-active-light: #E8A9A9;
283
- --cs-navigation-colors-active-dark: #8C3447;
280
+ --cs-navigation-colors-hover-dark: #432D2D;
281
+ --cs-navigation-colors-hover-contrast: #F8F5EC;
282
+ --cs-navigation-colors-active-primary: #1E1E1E;
283
+ --cs-navigation-colors-active-secondary: #666666;
284
+ --cs-navigation-colors-active-tertiary: #603939;
285
+ --cs-navigation-colors-active-light: #D6C2C2;
286
+ --cs-navigation-colors-active-dark: #666666;
284
287
  --cs-navigation-colors-active-contrast: #ffffff;
285
- --cs-navigation-colors-disabled-primary: #F4F4F4;
286
- --cs-navigation-colors-disabled-secondary: #E8E8E8;
287
- --cs-navigation-colors-disabled-tertiary: #D1D1D1;
288
+ --cs-navigation-colors-disabled-primary: #F5F4F4;
289
+ --cs-navigation-colors-disabled-secondary: #E9E7E7;
290
+ --cs-navigation-colors-disabled-tertiary: #D3CFCF;
288
291
  --cs-navigation-colors-disabled-light: #FAFAFA;
289
- --cs-navigation-colors-disabled-dark: #8C6F6F;
290
- --cs-navigation-colors-disabled-contrast: #B5B5B5;
291
- --cs-navigation-colors-focus-primary: #A3485A;
292
- --cs-navigation-colors-focus-secondary: #8C3447;
293
- --cs-navigation-colors-focus-tertiary: #752737;
294
- --cs-navigation-colors-focus-light: #E8A9A9;
295
- --cs-navigation-colors-focus-dark: #8C3447;
292
+ --cs-navigation-colors-disabled-dark: #9E9494;
293
+ --cs-navigation-colors-disabled-contrast: #B9B1B1;
294
+ --cs-navigation-colors-focus-primary: #1E1E1E;
295
+ --cs-navigation-colors-focus-secondary: #666666;
296
+ --cs-navigation-colors-focus-tertiary: #603939;
297
+ --cs-navigation-colors-focus-light: #D6C2C2;
298
+ --cs-navigation-colors-focus-dark: #666666;
296
299
  --cs-navigation-colors-focus-contrast: #ffffff;
297
300
  --cs-navigation-typography-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
298
301
  --cs-navigation-typography-font-size-xs: 0.75rem;
@@ -341,7 +344,7 @@
341
344
  --cs-shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
342
345
  --cs-shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
343
346
  --cs-shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
344
- --cs-shadows-2xl: 0 25px 50px -12px rgb(249 115 22 / 0.25);
347
+ --cs-shadows-2xl: 0 25px 50px -12px rgb(30 30 30 / 0.25);
345
348
  --cs-shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.06);
346
349
  --cs-shadows-none: 0 0 #0000;
347
350
  --cs-transitions-duration-fast: 0.15s;
@@ -402,8 +405,8 @@
402
405
  --cs-container-width-full: 100%;
403
406
  --cs-shimmer-alpha: 0.2;
404
407
  --cs-shimmer-color: rgba(255, 255, 255, 0.2);
405
- --cs-meta-name: Jeremy;
406
- --cs-meta-description: Modern, vibrant design system with Inter typography and warm burgundy/gold color palette for creative projects;
408
+ --cs-meta-name: Jeremy Theme;
409
+ --cs-meta-description: Modern, vibrant design system with warm burgundy/gold color palette for creative projects;
407
410
  --cs-meta-author: Jeremy Design Team;
408
411
  --cs-meta-version: 1.0.0;
409
412
  --cs-meta-category: creative;
@@ -500,29 +503,32 @@
500
503
  --cs-responsive-typography-caption-xl: 15px;
501
504
  --cs-responsive-typography-caption-2xl: 15px;
502
505
  --cs-responsive-typography-caption-3xl: 16px;
503
- --cs-modes-dark-colors-primary-50: #2B1212;
504
- --cs-modes-dark-colors-primary-100: #421414;
505
- --cs-modes-dark-colors-primary-200: #662222;
506
- --cs-modes-dark-colors-primary-300: #752737;
507
- --cs-modes-dark-colors-primary-400: #8C3447;
508
- --cs-modes-dark-colors-primary-500: #A3485A;
509
- --cs-modes-dark-colors-primary-600: #C55A5A;
510
- --cs-modes-dark-colors-primary-700: #D97D7D;
511
- --cs-modes-dark-colors-primary-800: #E8A9A9;
512
- --cs-modes-dark-colors-primary-900: #FBEAEA;
513
- --cs-modes-dark-colors-primary-500-rgb: 163, 72, 90;
514
- --cs-modes-dark-colors-primary-600-rgb: 197, 90, 90;
515
- --cs-modes-dark-colors-primary-700-rgb: 217, 125, 125;
516
- --cs-modes-dark-colors-secondary-50: #2E2314;
517
- --cs-modes-dark-colors-secondary-100: #3E2E17;
518
- --cs-modes-dark-colors-secondary-200: #5E4722;
519
- --cs-modes-dark-colors-secondary-300: #7B6534;
520
- --cs-modes-dark-colors-secondary-400: #9C8245;
521
- --cs-modes-dark-colors-secondary-500: #BCA059;
522
- --cs-modes-dark-colors-secondary-600: #D9BA71;
523
- --cs-modes-dark-colors-secondary-700: #EACF8D;
524
- --cs-modes-dark-colors-secondary-800: #F5DAA7;
525
- --cs-modes-dark-colors-secondary-900: #FFF1D1;
506
+ --cs-modes-dark-colors-primary-50: #291E1E;
507
+ --cs-modes-dark-colors-primary-100: #432D2D;
508
+ --cs-modes-dark-colors-primary-200: #603939;
509
+ --cs-modes-dark-colors-primary-300: #666666;
510
+ --cs-modes-dark-colors-primary-400: #1E1E1E;
511
+ --cs-modes-dark-colors-primary-500: #1E1E1E;
512
+ --cs-modes-dark-colors-primary-600: #999999;
513
+ --cs-modes-dark-colors-primary-700: #C69F9F;
514
+ --cs-modes-dark-colors-primary-800: #D6C2C2;
515
+ --cs-modes-dark-colors-primary-900: #E9E2E2;
516
+ --cs-modes-dark-colors-primary-500-rgb: 30, 30, 30;
517
+ --cs-modes-dark-colors-primary-600-rgb: 153, 153, 153;
518
+ --cs-modes-dark-colors-primary-700-rgb: 198, 159, 159;
519
+ --cs-modes-dark-colors-secondary-50: #362C11;
520
+ --cs-modes-dark-colors-secondary-100: #584718;
521
+ --cs-modes-dark-colors-secondary-200: #7C631D;
522
+ --cs-modes-dark-colors-secondary-300: #AA8622;
523
+ --cs-modes-dark-colors-secondary-400: #E8CF8A;
524
+ --cs-modes-dark-colors-secondary-500: #E8CF8A;
525
+ --cs-modes-dark-colors-secondary-600: #DDB955;
526
+ --cs-modes-dark-colors-secondary-700: #E2C983;
527
+ --cs-modes-dark-colors-secondary-800: #E9DAAF;
528
+ --cs-modes-dark-colors-secondary-900: #F3ECD8;
529
+ --cs-modes-dark-colors-secondary-500-rgb: 232, 207, 138;
530
+ --cs-modes-dark-colors-secondary-600-rgb: 221, 185, 85;
531
+ --cs-modes-dark-colors-secondary-700-rgb: 226, 201, 131;
526
532
  --cs-modes-dark-colors-semantic-success: #34D399;
527
533
  --cs-modes-dark-colors-semantic-warning: #FBBF24;
528
534
  --cs-modes-dark-colors-semantic-error: #F87171;
@@ -533,66 +539,72 @@
533
539
  --cs-modes-dark-colors-semantic-error-rgb: 248, 113, 113;
534
540
  --cs-modes-dark-colors-semantic-error-dark-rgb: 185, 28, 28;
535
541
  --cs-modes-dark-colors-semantic-info-rgb: 96, 165, 250;
536
- --cs-modes-dark-colors-neutral-50: #121212;
537
- --cs-modes-dark-colors-neutral-100: #1A1A1A;
538
- --cs-modes-dark-colors-neutral-200: #232323;
539
- --cs-modes-dark-colors-neutral-300: #2E2E2E;
540
- --cs-modes-dark-colors-neutral-400: #3C3C3C;
541
- --cs-modes-dark-colors-neutral-500: #565656;
542
- --cs-modes-dark-colors-neutral-600: #7A7A7A;
543
- --cs-modes-dark-colors-neutral-700: #A0A0A0;
544
- --cs-modes-dark-colors-neutral-800: #C5C5C5;
545
- --cs-modes-dark-colors-neutral-900: #E8E8E8;
546
- --cs-modes-dark-colors-surface-background: #1B0D0D;
547
- --cs-modes-dark-colors-surface-surface: #2B1212;
548
- --cs-modes-dark-colors-surface-border: #3C1818;
549
- --cs-modes-dark-colors-surface-divider: #4A2222;
550
- --cs-modes-dark-colors-text-primary: #F5DAA7;
551
- --cs-modes-dark-colors-text-secondary: #EACF8D;
552
- --cs-modes-dark-colors-text-muted: #C9B6B6;
553
- --cs-modes-dark-colors-text-inverse: #1B0D0D;
554
- --cs-modes-dark-colors-text-on-primary: #1B0D0D;
555
- --cs-modes-dark-colors-text-on-secondary: #1B0D0D;
556
- --cs-modes-dark-colors-text-on-surface: #F5DAA7;
557
- --cs-modes-dark-colors-interactive-hover: #A3485A;
558
- --cs-modes-dark-colors-interactive-active: #842A3B;
559
- --cs-modes-dark-colors-interactive-focus: #C55A5A;
560
- --cs-modes-dark-colors-interactive-disabled: #3C1818;
561
- --cs-modes-dark-colors-accent: #EACF8D;
562
- --cs-modes-dark-colors-bg-primary: #2B1212;
563
- --cs-modes-dark-colors-bg-secondary: #3E2E17;
564
- --cs-modes-dark-colors-surface-bg: #1B0D0D;
565
- --cs-modes-dark-colors-primary-hover: #C55A5A;
566
- --cs-modes-dark-colors-primary-active: #E8A9A9;
567
- --cs-modes-dark-colors-accent-rgb: 234, 207, 141;
568
- --cs-modes-dark-colors-border: #3C1818;
542
+ --cs-modes-dark-colors-neutral-50: #201D1D;
543
+ --cs-modes-dark-colors-neutral-100: #403A3A;
544
+ --cs-modes-dark-colors-neutral-200: #605757;
545
+ --cs-modes-dark-colors-neutral-300: #817474;
546
+ --cs-modes-dark-colors-neutral-400: #9E9494;
547
+ --cs-modes-dark-colors-neutral-500: #9E9494;
548
+ --cs-modes-dark-colors-neutral-600: #B9B1B1;
549
+ --cs-modes-dark-colors-neutral-700: #D3CFCF;
550
+ --cs-modes-dark-colors-neutral-800: #E9E7E7;
551
+ --cs-modes-dark-colors-neutral-900: #F5F4F4;
552
+ --cs-modes-dark-colors-neutral-500-rgb: 158, 148, 148;
553
+ --cs-modes-dark-colors-neutral-600-rgb: 185, 177, 177;
554
+ --cs-modes-dark-colors-neutral-700-rgb: 211, 207, 207;
555
+ --cs-modes-dark-colors-surface-background: #1E1E1E;
556
+ --cs-modes-dark-colors-surface-surface: #291E1E;
557
+ --cs-modes-dark-colors-surface-border: #251818;
558
+ --cs-modes-dark-colors-surface-divider: #432D2D;
559
+ --cs-modes-dark-colors-text-primary: #FFFFFF;
560
+ --cs-modes-dark-colors-text-secondary: #DDB955;
561
+ --cs-modes-dark-colors-text-muted: #B9B1B1;
562
+ --cs-modes-dark-colors-text-inverse: #1E1E1E;
563
+ --cs-modes-dark-colors-text-on-primary: #1E1E1E;
564
+ --cs-modes-dark-colors-text-on-secondary: #1E1E1E;
565
+ --cs-modes-dark-colors-text-on-surface: #FFFFFF;
566
+ --cs-modes-dark-colors-interactive-hover: #1E1E1E;
567
+ --cs-modes-dark-colors-interactive-active: #666666;
568
+ --cs-modes-dark-colors-interactive-focus: #999999;
569
+ --cs-modes-dark-colors-interactive-disabled: #251818;
570
+ --cs-modes-dark-colors-accent: #DDB955;
571
+ --cs-modes-dark-colors-bg-primary: #291E1E;
572
+ --cs-modes-dark-colors-bg-secondary: #584718;
573
+ --cs-modes-dark-colors-surface-bg: #1E1E1E;
574
+ --cs-modes-dark-colors-primary-hover: #999999;
575
+ --cs-modes-dark-colors-primary-active: #C69F9F;
576
+ --cs-modes-dark-colors-accent-rgb: 221, 185, 85;
577
+ --cs-modes-dark-colors-border: #251818;
569
578
  }
570
579
 
571
580
  .dark {
572
581
  /* Dark Mode Variables */
573
- --cs-colors-primary-50: #2B1212;
574
- --cs-colors-primary-100: #421414;
575
- --cs-colors-primary-200: #662222;
576
- --cs-colors-primary-300: #752737;
577
- --cs-colors-primary-400: #8C3447;
578
- --cs-colors-primary-500: #A3485A;
579
- --cs-colors-primary-600: #C55A5A;
580
- --cs-colors-primary-700: #D97D7D;
581
- --cs-colors-primary-800: #E8A9A9;
582
- --cs-colors-primary-900: #FBEAEA;
583
- --cs-colors-primary-500-rgb: 163, 72, 90;
584
- --cs-colors-primary-600-rgb: 197, 90, 90;
585
- --cs-colors-primary-700-rgb: 217, 125, 125;
586
- --cs-colors-secondary-50: #2E2314;
587
- --cs-colors-secondary-100: #3E2E17;
588
- --cs-colors-secondary-200: #5E4722;
589
- --cs-colors-secondary-300: #7B6534;
590
- --cs-colors-secondary-400: #9C8245;
591
- --cs-colors-secondary-500: #BCA059;
592
- --cs-colors-secondary-600: #D9BA71;
593
- --cs-colors-secondary-700: #EACF8D;
594
- --cs-colors-secondary-800: #F5DAA7;
595
- --cs-colors-secondary-900: #FFF1D1;
582
+ --cs-colors-primary-50: #291E1E;
583
+ --cs-colors-primary-100: #432D2D;
584
+ --cs-colors-primary-200: #603939;
585
+ --cs-colors-primary-300: #666666;
586
+ --cs-colors-primary-400: #1E1E1E;
587
+ --cs-colors-primary-500: #1E1E1E;
588
+ --cs-colors-primary-600: #999999;
589
+ --cs-colors-primary-700: #C69F9F;
590
+ --cs-colors-primary-800: #D6C2C2;
591
+ --cs-colors-primary-900: #E9E2E2;
592
+ --cs-colors-primary-500-rgb: 30, 30, 30;
593
+ --cs-colors-primary-600-rgb: 153, 153, 153;
594
+ --cs-colors-primary-700-rgb: 198, 159, 159;
595
+ --cs-colors-secondary-50: #362C11;
596
+ --cs-colors-secondary-100: #584718;
597
+ --cs-colors-secondary-200: #7C631D;
598
+ --cs-colors-secondary-300: #AA8622;
599
+ --cs-colors-secondary-400: #E8CF8A;
600
+ --cs-colors-secondary-500: #E8CF8A;
601
+ --cs-colors-secondary-600: #DDB955;
602
+ --cs-colors-secondary-700: #E2C983;
603
+ --cs-colors-secondary-800: #E9DAAF;
604
+ --cs-colors-secondary-900: #F3ECD8;
605
+ --cs-colors-secondary-500-rgb: 232, 207, 138;
606
+ --cs-colors-secondary-600-rgb: 221, 185, 85;
607
+ --cs-colors-secondary-700-rgb: 226, 201, 131;
596
608
  --cs-colors-semantic-success: #34D399;
597
609
  --cs-colors-semantic-warning: #FBBF24;
598
610
  --cs-colors-semantic-error: #F87171;
@@ -608,39 +620,42 @@
608
620
  --cs-colors-semantic-error-rgb: 248, 113, 113;
609
621
  --cs-colors-semantic-error-dark-rgb: 185, 28, 28;
610
622
  --cs-colors-semantic-info-rgb: 96, 165, 250;
611
- --cs-colors-neutral-50: #121212;
612
- --cs-colors-neutral-100: #1A1A1A;
613
- --cs-colors-neutral-200: #232323;
614
- --cs-colors-neutral-300: #2E2E2E;
615
- --cs-colors-neutral-400: #3C3C3C;
616
- --cs-colors-neutral-500: #565656;
617
- --cs-colors-neutral-600: #7A7A7A;
618
- --cs-colors-neutral-700: #A0A0A0;
619
- --cs-colors-neutral-800: #C5C5C5;
620
- --cs-colors-neutral-900: #E8E8E8;
621
- --cs-colors-surface-background: #1B0D0D;
622
- --cs-colors-surface-surface: #2B1212;
623
- --cs-colors-surface-border: #3C1818;
624
- --cs-colors-surface-divider: #4A2222;
625
- --cs-colors-text-primary: #F5DAA7;
626
- --cs-colors-text-secondary: #EACF8D;
627
- --cs-colors-text-muted: #C9B6B6;
628
- --cs-colors-text-inverse: #1B0D0D;
629
- --cs-colors-text-onPrimary: #1B0D0D;
630
- --cs-colors-text-onSecondary: #1B0D0D;
631
- --cs-colors-text-onSurface: #F5DAA7;
632
- --cs-colors-interactive-hover: #A3485A;
633
- --cs-colors-interactive-active: #842A3B;
634
- --cs-colors-interactive-focus: #C55A5A;
635
- --cs-colors-interactive-disabled: #3C1818;
636
- --cs-colors-accent: #EACF8D;
637
- --cs-colors-bg-primary: #2B1212;
638
- --cs-colors-bg-secondary: #3E2E17;
639
- --cs-colors-surface-bg: #1B0D0D;
640
- --cs-colors-primary-hover: #C55A5A;
641
- --cs-colors-primary-active: #E8A9A9;
642
- --cs-colors-accent-rgb: 234, 207, 141;
643
- --cs-colors-border: #3C1818;
644
- --cs-colors-text-primary: #F5DAA7;
645
- --cs-colors-text-secondary: #EACF8D;
623
+ --cs-colors-neutral-50: #201D1D;
624
+ --cs-colors-neutral-100: #403A3A;
625
+ --cs-colors-neutral-200: #605757;
626
+ --cs-colors-neutral-300: #817474;
627
+ --cs-colors-neutral-400: #9E9494;
628
+ --cs-colors-neutral-500: #9E9494;
629
+ --cs-colors-neutral-600: #B9B1B1;
630
+ --cs-colors-neutral-700: #D3CFCF;
631
+ --cs-colors-neutral-800: #E9E7E7;
632
+ --cs-colors-neutral-900: #F5F4F4;
633
+ --cs-colors-neutral-500-rgb: 158, 148, 148;
634
+ --cs-colors-neutral-600-rgb: 185, 177, 177;
635
+ --cs-colors-neutral-700-rgb: 211, 207, 207;
636
+ --cs-colors-surface-background: #1E1E1E;
637
+ --cs-colors-surface-surface: #291E1E;
638
+ --cs-colors-surface-border: #251818;
639
+ --cs-colors-surface-divider: #432D2D;
640
+ --cs-colors-text-primary: #FFFFFF;
641
+ --cs-colors-text-secondary: #DDB955;
642
+ --cs-colors-text-muted: #B9B1B1;
643
+ --cs-colors-text-inverse: #1E1E1E;
644
+ --cs-colors-text-onPrimary: #1E1E1E;
645
+ --cs-colors-text-onSecondary: #1E1E1E;
646
+ --cs-colors-text-onSurface: #FFFFFF;
647
+ --cs-colors-interactive-hover: #1E1E1E;
648
+ --cs-colors-interactive-active: #666666;
649
+ --cs-colors-interactive-focus: #999999;
650
+ --cs-colors-interactive-disabled: #251818;
651
+ --cs-colors-accent: #DDB955;
652
+ --cs-colors-bg-primary: #291E1E;
653
+ --cs-colors-bg-secondary: #584718;
654
+ --cs-colors-surface-bg: #1E1E1E;
655
+ --cs-colors-primary-hover: #999999;
656
+ --cs-colors-primary-active: #C69F9F;
657
+ --cs-colors-accent-rgb: 221, 185, 85;
658
+ --cs-colors-border: #251818;
659
+ --cs-colors-text-primary: #FFFFFF;
660
+ --cs-colors-text-secondary: #DDB955;
646
661
  }