@rakeyshgidwani/roger-ui-bank-theme-jeremy 0.5.3 → 0.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.
- package/CHANGELOG.md +1 -1
- package/dist/styles.css +228 -213
- package/dist/theme.d.ts.map +1 -1
- package/dist/theme.esm.js +177 -174
- package/dist/theme.js +177 -174
- package/dist/themes/seedColors.d.ts +93 -0
- package/dist/themes/seedColors.d.ts.map +1 -0
- package/dist/themes/seedColors.esm.js +37 -0
- package/dist/themes/seedColors.js +37 -0
- package/dist/themes/themes/jeremy.d.ts.map +1 -1
- package/dist/themes/themes/jeremy.esm.js +177 -174
- package/dist/themes/themes/jeremy.js +177 -174
- package/package.json +1 -1
- package/src/styles/themes/jeremy.css +227 -212
- package/src/theme.ts +180 -177
- package/src/themes/seedColors.ts +111 -0
- package/src/themes/themes/jeremy.ts +180 -177
package/CHANGELOG.md
CHANGED
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* Complete Theme CSS Bundle - jeremy */
|
|
2
|
-
/* Generated on 2025-12-
|
|
2
|
+
/* Generated on 2025-12-27T13:27:49.453Z */
|
|
3
3
|
|
|
4
4
|
/* ===== COMPONENT STYLES (Navigation & UI Components) ===== */
|
|
5
5
|
|
|
@@ -24719,7 +24719,7 @@ code {
|
|
|
24719
24719
|
|
|
24720
24720
|
|
|
24721
24721
|
/* ===== THEME-SPECIFIC STYLES (Complete Theme Configuration) ===== */
|
|
24722
|
-
/* Jeremy Theme - Light & Dark Modes */
|
|
24722
|
+
/* Jeremy Theme Theme - Light & Dark Modes */
|
|
24723
24723
|
:root {
|
|
24724
24724
|
/* Light Mode Variables */
|
|
24725
24725
|
/* Breakpoint Variables */
|
|
@@ -24861,72 +24861,75 @@ code {
|
|
|
24861
24861
|
--cs-fonts-mono-letter-spacing-wide: 0.025em;
|
|
24862
24862
|
--cs-fonts-mono-letter-spacing-wider: 0.05em;
|
|
24863
24863
|
--cs-fonts-mono-letter-spacing-widest: 0.1em;
|
|
24864
|
-
--cs-colors-primary-50: #
|
|
24865
|
-
--cs-colors-primary-100: #
|
|
24866
|
-
--cs-colors-primary-200: #
|
|
24867
|
-
--cs-colors-primary-300: #
|
|
24868
|
-
--cs-colors-primary-400: #
|
|
24869
|
-
--cs-colors-primary-500: #
|
|
24870
|
-
--cs-colors-primary-600: #
|
|
24871
|
-
--cs-colors-primary-700: #
|
|
24872
|
-
--cs-colors-primary-800: #
|
|
24873
|
-
--cs-colors-primary-900: #
|
|
24874
|
-
--cs-colors-primary-500-rgb:
|
|
24875
|
-
--cs-colors-primary-600-rgb:
|
|
24876
|
-
--cs-colors-primary-700-rgb:
|
|
24877
|
-
--cs-colors-secondary-50: #
|
|
24878
|
-
--cs-colors-secondary-100: #
|
|
24879
|
-
--cs-colors-secondary-200: #
|
|
24880
|
-
--cs-colors-secondary-300: #
|
|
24881
|
-
--cs-colors-secondary-400: #
|
|
24882
|
-
--cs-colors-secondary-500: #
|
|
24883
|
-
--cs-colors-secondary-600: #
|
|
24884
|
-
--cs-colors-secondary-700: #
|
|
24885
|
-
--cs-colors-secondary-800: #
|
|
24886
|
-
--cs-colors-secondary-900: #
|
|
24864
|
+
--cs-colors-primary-50: #F2F2F2;
|
|
24865
|
+
--cs-colors-primary-100: #E6E6E6;
|
|
24866
|
+
--cs-colors-primary-200: #CCCCCC;
|
|
24867
|
+
--cs-colors-primary-300: #B3B3B3;
|
|
24868
|
+
--cs-colors-primary-400: #999999;
|
|
24869
|
+
--cs-colors-primary-500: #1E1E1E;
|
|
24870
|
+
--cs-colors-primary-600: #666666;
|
|
24871
|
+
--cs-colors-primary-700: #4D4D4D;
|
|
24872
|
+
--cs-colors-primary-800: #383838;
|
|
24873
|
+
--cs-colors-primary-900: #242424;
|
|
24874
|
+
--cs-colors-primary-500-rgb: 30, 30, 30;
|
|
24875
|
+
--cs-colors-primary-600-rgb: 102, 102, 102;
|
|
24876
|
+
--cs-colors-primary-700-rgb: 77, 77, 77;
|
|
24877
|
+
--cs-colors-secondary-50: #F8F5EC;
|
|
24878
|
+
--cs-colors-secondary-100: #F3ECD8;
|
|
24879
|
+
--cs-colors-secondary-200: #E9DAAF;
|
|
24880
|
+
--cs-colors-secondary-300: #E2C983;
|
|
24881
|
+
--cs-colors-secondary-400: #DDB955;
|
|
24882
|
+
--cs-colors-secondary-500: #E8CF8A;
|
|
24883
|
+
--cs-colors-secondary-600: #AA8622;
|
|
24884
|
+
--cs-colors-secondary-700: #7C631D;
|
|
24885
|
+
--cs-colors-secondary-800: #584718;
|
|
24886
|
+
--cs-colors-secondary-900: #362C11;
|
|
24887
|
+
--cs-colors-secondary-500-rgb: 232, 207, 138;
|
|
24888
|
+
--cs-colors-secondary-600-rgb: 170, 134, 34;
|
|
24889
|
+
--cs-colors-secondary-700-rgb: 124, 99, 29;
|
|
24887
24890
|
--cs-colors-semantic-success: #1E824C;
|
|
24888
|
-
--cs-colors-semantic-warning: #
|
|
24891
|
+
--cs-colors-semantic-warning: #D99A3E;
|
|
24889
24892
|
--cs-colors-semantic-error: #D93025;
|
|
24890
|
-
--cs-colors-semantic-error-dark: #
|
|
24891
|
-
--cs-colors-semantic-info: #
|
|
24893
|
+
--cs-colors-semantic-error-dark: #6D1912;
|
|
24894
|
+
--cs-colors-semantic-info: #2563EB;
|
|
24892
24895
|
--cs-colors-semantic-success-rgb: 30, 130, 76;
|
|
24893
|
-
--cs-colors-semantic-warning-rgb:
|
|
24896
|
+
--cs-colors-semantic-warning-rgb: 217, 154, 62;
|
|
24894
24897
|
--cs-colors-semantic-error-rgb: 217, 48, 37;
|
|
24895
|
-
--cs-colors-semantic-error-dark-rgb:
|
|
24896
|
-
--cs-colors-semantic-info-rgb:
|
|
24898
|
+
--cs-colors-semantic-error-dark-rgb: 109, 25, 18;
|
|
24899
|
+
--cs-colors-semantic-info-rgb: 37, 99, 235;
|
|
24897
24900
|
--cs-colors-neutral-50: #FAFAFA;
|
|
24898
|
-
--cs-colors-neutral-100: #
|
|
24899
|
-
--cs-colors-neutral-200: #
|
|
24900
|
-
--cs-colors-neutral-300: #
|
|
24901
|
-
--cs-colors-neutral-400: #
|
|
24902
|
-
--cs-colors-neutral-500: #
|
|
24903
|
-
--cs-colors-neutral-600: #
|
|
24904
|
-
--cs-colors-neutral-700: #
|
|
24905
|
-
--cs-colors-neutral-800: #
|
|
24906
|
-
--cs-colors-neutral-900: #
|
|
24907
|
-
--cs-colors-surface-background: #
|
|
24901
|
+
--cs-colors-neutral-100: #F5F4F4;
|
|
24902
|
+
--cs-colors-neutral-200: #E9E7E7;
|
|
24903
|
+
--cs-colors-neutral-300: #D3CFCF;
|
|
24904
|
+
--cs-colors-neutral-400: #B9B1B1;
|
|
24905
|
+
--cs-colors-neutral-500: #9E9494;
|
|
24906
|
+
--cs-colors-neutral-600: #817474;
|
|
24907
|
+
--cs-colors-neutral-700: #605757;
|
|
24908
|
+
--cs-colors-neutral-800: #403A3A;
|
|
24909
|
+
--cs-colors-neutral-900: #201D1D;
|
|
24910
|
+
--cs-colors-surface-background: #F9F9F9;
|
|
24908
24911
|
--cs-colors-surface-surface: #FFFFFF;
|
|
24909
|
-
--cs-colors-surface-border: #
|
|
24910
|
-
--cs-colors-surface-divider: #
|
|
24911
|
-
--cs-colors-text-primary: #
|
|
24912
|
-
--cs-colors-text-secondary: #
|
|
24913
|
-
--cs-colors-text-muted: #
|
|
24912
|
+
--cs-colors-surface-border: #E9E1CB;
|
|
24913
|
+
--cs-colors-surface-divider: #F4F0E6;
|
|
24914
|
+
--cs-colors-text-primary: #242424;
|
|
24915
|
+
--cs-colors-text-secondary: #4D4D4D;
|
|
24916
|
+
--cs-colors-text-muted: #9E9494;
|
|
24914
24917
|
--cs-colors-text-inverse: #FFFFFF;
|
|
24915
24918
|
--cs-colors-text-on-primary: #FFFFFF;
|
|
24916
|
-
--cs-colors-text-on-secondary: #
|
|
24917
|
-
--cs-colors-text-on-surface: #
|
|
24918
|
-
--cs-colors-interactive-hover: #
|
|
24919
|
-
--cs-colors-interactive-active: #
|
|
24920
|
-
--cs-colors-interactive-focus: #
|
|
24921
|
-
--cs-colors-interactive-disabled: #
|
|
24922
|
-
--cs-colors-accent: #
|
|
24923
|
-
--cs-colors-bg-primary: #
|
|
24924
|
-
--cs-colors-bg-secondary: #
|
|
24925
|
-
--cs-colors-surface-bg: #
|
|
24926
|
-
--cs-colors-primary-hover: #
|
|
24927
|
-
--cs-colors-primary-active: #
|
|
24928
|
-
--cs-colors-accent-rgb:
|
|
24929
|
-
--cs-colors-border: #
|
|
24919
|
+
--cs-colors-text-on-secondary: #242424;
|
|
24920
|
+
--cs-colors-text-on-surface: #242424;
|
|
24921
|
+
--cs-colors-interactive-hover: #666666;
|
|
24922
|
+
--cs-colors-interactive-active: #383838;
|
|
24923
|
+
--cs-colors-interactive-focus: #1E1E1E;
|
|
24924
|
+
--cs-colors-interactive-disabled: #D3CFCF;
|
|
24925
|
+
--cs-colors-accent: #E2C983;
|
|
24926
|
+
--cs-colors-bg-primary: #F2F2F2;
|
|
24927
|
+
--cs-colors-bg-secondary: #F3ECD8;
|
|
24928
|
+
--cs-colors-surface-bg: #F9F9F9;
|
|
24929
|
+
--cs-colors-primary-hover: #666666;
|
|
24930
|
+
--cs-colors-primary-active: #383838;
|
|
24931
|
+
--cs-colors-accent-rgb: 226, 201, 131;
|
|
24932
|
+
--cs-colors-border: #E9E1CB;
|
|
24930
24933
|
--cs-colors-border-transparent: transparent;
|
|
24931
24934
|
--cs-navigation-layout: horizontal;
|
|
24932
24935
|
--cs-navigation-style: enhanced;
|
|
@@ -24968,52 +24971,52 @@ code {
|
|
|
24968
24971
|
--cs-navigation-spacing-margin-bottom: 0.25rem;
|
|
24969
24972
|
--cs-navigation-spacing-margin-left: 0.5rem;
|
|
24970
24973
|
--cs-navigation-colors-background-primary: #ffffff;
|
|
24971
|
-
--cs-navigation-colors-background-secondary: #
|
|
24974
|
+
--cs-navigation-colors-background-secondary: #F8F5EC;
|
|
24972
24975
|
--cs-navigation-colors-background-tertiary: #FAFAFA;
|
|
24973
24976
|
--cs-navigation-colors-background-light: #ffffff;
|
|
24974
|
-
--cs-navigation-colors-background-dark: #
|
|
24977
|
+
--cs-navigation-colors-background-dark: #242424;
|
|
24975
24978
|
--cs-navigation-colors-background-contrast: #000000;
|
|
24976
|
-
--cs-navigation-colors-text-primary: #
|
|
24977
|
-
--cs-navigation-colors-text-secondary: #
|
|
24978
|
-
--cs-navigation-colors-text-tertiary: #
|
|
24979
|
-
--cs-navigation-colors-text-light: #
|
|
24980
|
-
--cs-navigation-colors-text-dark: #
|
|
24979
|
+
--cs-navigation-colors-text-primary: #242424;
|
|
24980
|
+
--cs-navigation-colors-text-secondary: #4D4D4D;
|
|
24981
|
+
--cs-navigation-colors-text-tertiary: #9E9494;
|
|
24982
|
+
--cs-navigation-colors-text-light: #B9B1B1;
|
|
24983
|
+
--cs-navigation-colors-text-dark: #242424;
|
|
24981
24984
|
--cs-navigation-colors-text-contrast: #ffffff;
|
|
24982
|
-
--cs-navigation-colors-border-primary: #
|
|
24983
|
-
--cs-navigation-colors-border-secondary: #
|
|
24984
|
-
--cs-navigation-colors-border-tertiary: #
|
|
24985
|
-
--cs-navigation-colors-border-light: #
|
|
24986
|
-
--cs-navigation-colors-border-dark: #
|
|
24985
|
+
--cs-navigation-colors-border-primary: #E9DAAF;
|
|
24986
|
+
--cs-navigation-colors-border-secondary: #F3ECD8;
|
|
24987
|
+
--cs-navigation-colors-border-tertiary: #B9B1B1;
|
|
24988
|
+
--cs-navigation-colors-border-light: #F5F4F4;
|
|
24989
|
+
--cs-navigation-colors-border-dark: #4D4D4D;
|
|
24987
24990
|
--cs-navigation-colors-border-contrast: #000000;
|
|
24988
|
-
--cs-navigation-colors-accent-primary: #
|
|
24989
|
-
--cs-navigation-colors-accent-secondary: #
|
|
24990
|
-
--cs-navigation-colors-accent-tertiary: #
|
|
24991
|
-
--cs-navigation-colors-accent-light: #
|
|
24992
|
-
--cs-navigation-colors-accent-dark: #
|
|
24991
|
+
--cs-navigation-colors-accent-primary: #1E1E1E;
|
|
24992
|
+
--cs-navigation-colors-accent-secondary: #666666;
|
|
24993
|
+
--cs-navigation-colors-accent-tertiary: #4D4D4D;
|
|
24994
|
+
--cs-navigation-colors-accent-light: #CCCCCC;
|
|
24995
|
+
--cs-navigation-colors-accent-dark: #666666;
|
|
24993
24996
|
--cs-navigation-colors-accent-contrast: #ffffff;
|
|
24994
|
-
--cs-navigation-colors-hover-primary: #
|
|
24997
|
+
--cs-navigation-colors-hover-primary: #F8F5EC;
|
|
24995
24998
|
--cs-navigation-colors-hover-secondary: #FAFAFA;
|
|
24996
|
-
--cs-navigation-colors-hover-tertiary: #
|
|
24999
|
+
--cs-navigation-colors-hover-tertiary: #F5F4F4;
|
|
24997
25000
|
--cs-navigation-colors-hover-light: #ffffff;
|
|
24998
|
-
--cs-navigation-colors-hover-dark: #
|
|
24999
|
-
--cs-navigation-colors-hover-contrast: #
|
|
25000
|
-
--cs-navigation-colors-active-primary: #
|
|
25001
|
-
--cs-navigation-colors-active-secondary: #
|
|
25002
|
-
--cs-navigation-colors-active-tertiary: #
|
|
25003
|
-
--cs-navigation-colors-active-light: #
|
|
25004
|
-
--cs-navigation-colors-active-dark: #
|
|
25001
|
+
--cs-navigation-colors-hover-dark: #383838;
|
|
25002
|
+
--cs-navigation-colors-hover-contrast: #F8F5EC;
|
|
25003
|
+
--cs-navigation-colors-active-primary: #1E1E1E;
|
|
25004
|
+
--cs-navigation-colors-active-secondary: #666666;
|
|
25005
|
+
--cs-navigation-colors-active-tertiary: #4D4D4D;
|
|
25006
|
+
--cs-navigation-colors-active-light: #CCCCCC;
|
|
25007
|
+
--cs-navigation-colors-active-dark: #666666;
|
|
25005
25008
|
--cs-navigation-colors-active-contrast: #ffffff;
|
|
25006
|
-
--cs-navigation-colors-disabled-primary: #
|
|
25007
|
-
--cs-navigation-colors-disabled-secondary: #
|
|
25008
|
-
--cs-navigation-colors-disabled-tertiary: #
|
|
25009
|
+
--cs-navigation-colors-disabled-primary: #F5F4F4;
|
|
25010
|
+
--cs-navigation-colors-disabled-secondary: #E9E7E7;
|
|
25011
|
+
--cs-navigation-colors-disabled-tertiary: #D3CFCF;
|
|
25009
25012
|
--cs-navigation-colors-disabled-light: #FAFAFA;
|
|
25010
|
-
--cs-navigation-colors-disabled-dark: #
|
|
25011
|
-
--cs-navigation-colors-disabled-contrast: #
|
|
25012
|
-
--cs-navigation-colors-focus-primary: #
|
|
25013
|
-
--cs-navigation-colors-focus-secondary: #
|
|
25014
|
-
--cs-navigation-colors-focus-tertiary: #
|
|
25015
|
-
--cs-navigation-colors-focus-light: #
|
|
25016
|
-
--cs-navigation-colors-focus-dark: #
|
|
25013
|
+
--cs-navigation-colors-disabled-dark: #9E9494;
|
|
25014
|
+
--cs-navigation-colors-disabled-contrast: #B9B1B1;
|
|
25015
|
+
--cs-navigation-colors-focus-primary: #1E1E1E;
|
|
25016
|
+
--cs-navigation-colors-focus-secondary: #666666;
|
|
25017
|
+
--cs-navigation-colors-focus-tertiary: #4D4D4D;
|
|
25018
|
+
--cs-navigation-colors-focus-light: #CCCCCC;
|
|
25019
|
+
--cs-navigation-colors-focus-dark: #666666;
|
|
25017
25020
|
--cs-navigation-colors-focus-contrast: #ffffff;
|
|
25018
25021
|
--cs-navigation-typography-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
|
25019
25022
|
--cs-navigation-typography-font-size-xs: 0.75rem;
|
|
@@ -25062,7 +25065,7 @@ code {
|
|
|
25062
25065
|
--cs-shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
25063
25066
|
--cs-shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
25064
25067
|
--cs-shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
25065
|
-
--cs-shadows-2xl: 0 25px 50px -12px rgb(
|
|
25068
|
+
--cs-shadows-2xl: 0 25px 50px -12px rgb(30 30 30 / 0.25);
|
|
25066
25069
|
--cs-shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.06);
|
|
25067
25070
|
--cs-shadows-none: 0 0 #0000;
|
|
25068
25071
|
--cs-transitions-duration-fast: 0.15s;
|
|
@@ -25123,8 +25126,8 @@ code {
|
|
|
25123
25126
|
--cs-container-width-full: 100%;
|
|
25124
25127
|
--cs-shimmer-alpha: 0.2;
|
|
25125
25128
|
--cs-shimmer-color: rgba(255, 255, 255, 0.2);
|
|
25126
|
-
--cs-meta-name: Jeremy;
|
|
25127
|
-
--cs-meta-description: Modern, vibrant design system with
|
|
25129
|
+
--cs-meta-name: Jeremy Theme;
|
|
25130
|
+
--cs-meta-description: Modern, vibrant design system with warm burgundy/gold color palette for creative projects;
|
|
25128
25131
|
--cs-meta-author: Jeremy Design Team;
|
|
25129
25132
|
--cs-meta-version: 1.0.0;
|
|
25130
25133
|
--cs-meta-category: creative;
|
|
@@ -25221,29 +25224,32 @@ code {
|
|
|
25221
25224
|
--cs-responsive-typography-caption-xl: 15px;
|
|
25222
25225
|
--cs-responsive-typography-caption-2xl: 15px;
|
|
25223
25226
|
--cs-responsive-typography-caption-3xl: 16px;
|
|
25224
|
-
--cs-modes-dark-colors-primary-50: #
|
|
25225
|
-
--cs-modes-dark-colors-primary-100: #
|
|
25226
|
-
--cs-modes-dark-colors-primary-200: #
|
|
25227
|
-
--cs-modes-dark-colors-primary-300: #
|
|
25228
|
-
--cs-modes-dark-colors-primary-400: #
|
|
25229
|
-
--cs-modes-dark-colors-primary-500: #
|
|
25230
|
-
--cs-modes-dark-colors-primary-600: #
|
|
25231
|
-
--cs-modes-dark-colors-primary-700: #
|
|
25232
|
-
--cs-modes-dark-colors-primary-800: #
|
|
25233
|
-
--cs-modes-dark-colors-primary-900: #
|
|
25234
|
-
--cs-modes-dark-colors-primary-500-rgb:
|
|
25235
|
-
--cs-modes-dark-colors-primary-600-rgb:
|
|
25236
|
-
--cs-modes-dark-colors-primary-700-rgb:
|
|
25237
|
-
--cs-modes-dark-colors-secondary-50: #
|
|
25238
|
-
--cs-modes-dark-colors-secondary-100: #
|
|
25239
|
-
--cs-modes-dark-colors-secondary-200: #
|
|
25240
|
-
--cs-modes-dark-colors-secondary-300: #
|
|
25241
|
-
--cs-modes-dark-colors-secondary-400: #
|
|
25242
|
-
--cs-modes-dark-colors-secondary-500: #
|
|
25243
|
-
--cs-modes-dark-colors-secondary-600: #
|
|
25244
|
-
--cs-modes-dark-colors-secondary-700: #
|
|
25245
|
-
--cs-modes-dark-colors-secondary-800: #
|
|
25246
|
-
--cs-modes-dark-colors-secondary-900: #
|
|
25227
|
+
--cs-modes-dark-colors-primary-50: #242424;
|
|
25228
|
+
--cs-modes-dark-colors-primary-100: #383838;
|
|
25229
|
+
--cs-modes-dark-colors-primary-200: #4D4D4D;
|
|
25230
|
+
--cs-modes-dark-colors-primary-300: #666666;
|
|
25231
|
+
--cs-modes-dark-colors-primary-400: #1E1E1E;
|
|
25232
|
+
--cs-modes-dark-colors-primary-500: #1E1E1E;
|
|
25233
|
+
--cs-modes-dark-colors-primary-600: #999999;
|
|
25234
|
+
--cs-modes-dark-colors-primary-700: #B3B3B3;
|
|
25235
|
+
--cs-modes-dark-colors-primary-800: #CCCCCC;
|
|
25236
|
+
--cs-modes-dark-colors-primary-900: #E6E6E6;
|
|
25237
|
+
--cs-modes-dark-colors-primary-500-rgb: 30, 30, 30;
|
|
25238
|
+
--cs-modes-dark-colors-primary-600-rgb: 153, 153, 153;
|
|
25239
|
+
--cs-modes-dark-colors-primary-700-rgb: 179, 179, 179;
|
|
25240
|
+
--cs-modes-dark-colors-secondary-50: #362C11;
|
|
25241
|
+
--cs-modes-dark-colors-secondary-100: #584718;
|
|
25242
|
+
--cs-modes-dark-colors-secondary-200: #7C631D;
|
|
25243
|
+
--cs-modes-dark-colors-secondary-300: #AA8622;
|
|
25244
|
+
--cs-modes-dark-colors-secondary-400: #E8CF8A;
|
|
25245
|
+
--cs-modes-dark-colors-secondary-500: #E8CF8A;
|
|
25246
|
+
--cs-modes-dark-colors-secondary-600: #DDB955;
|
|
25247
|
+
--cs-modes-dark-colors-secondary-700: #E2C983;
|
|
25248
|
+
--cs-modes-dark-colors-secondary-800: #E9DAAF;
|
|
25249
|
+
--cs-modes-dark-colors-secondary-900: #F3ECD8;
|
|
25250
|
+
--cs-modes-dark-colors-secondary-500-rgb: 232, 207, 138;
|
|
25251
|
+
--cs-modes-dark-colors-secondary-600-rgb: 221, 185, 85;
|
|
25252
|
+
--cs-modes-dark-colors-secondary-700-rgb: 226, 201, 131;
|
|
25247
25253
|
--cs-modes-dark-colors-semantic-success: #34D399;
|
|
25248
25254
|
--cs-modes-dark-colors-semantic-warning: #FBBF24;
|
|
25249
25255
|
--cs-modes-dark-colors-semantic-error: #F87171;
|
|
@@ -25254,65 +25260,71 @@ code {
|
|
|
25254
25260
|
--cs-modes-dark-colors-semantic-error-rgb: 248, 113, 113;
|
|
25255
25261
|
--cs-modes-dark-colors-semantic-error-dark-rgb: 185, 28, 28;
|
|
25256
25262
|
--cs-modes-dark-colors-semantic-info-rgb: 96, 165, 250;
|
|
25257
|
-
--cs-modes-dark-colors-neutral-50: #
|
|
25258
|
-
--cs-modes-dark-colors-neutral-100: #
|
|
25259
|
-
--cs-modes-dark-colors-neutral-200: #
|
|
25260
|
-
--cs-modes-dark-colors-neutral-300: #
|
|
25261
|
-
--cs-modes-dark-colors-neutral-400: #
|
|
25262
|
-
--cs-modes-dark-colors-neutral-500: #
|
|
25263
|
-
--cs-modes-dark-colors-neutral-600: #
|
|
25264
|
-
--cs-modes-dark-colors-neutral-700: #
|
|
25265
|
-
--cs-modes-dark-colors-neutral-800: #
|
|
25266
|
-
--cs-modes-dark-colors-neutral-900: #
|
|
25267
|
-
--cs-modes-dark-colors-
|
|
25268
|
-
--cs-modes-dark-colors-
|
|
25269
|
-
--cs-modes-dark-colors-
|
|
25270
|
-
--cs-modes-dark-colors-surface-
|
|
25271
|
-
--cs-modes-dark-colors-
|
|
25272
|
-
--cs-modes-dark-colors-
|
|
25273
|
-
--cs-modes-dark-colors-
|
|
25274
|
-
--cs-modes-dark-colors-text-
|
|
25275
|
-
--cs-modes-dark-colors-text-
|
|
25276
|
-
--cs-modes-dark-colors-text-
|
|
25277
|
-
--cs-modes-dark-colors-text-
|
|
25278
|
-
--cs-modes-dark-colors-
|
|
25279
|
-
--cs-modes-dark-colors-
|
|
25280
|
-
--cs-modes-dark-colors-
|
|
25281
|
-
--cs-modes-dark-colors-interactive-
|
|
25282
|
-
--cs-modes-dark-colors-
|
|
25283
|
-
--cs-modes-dark-colors-
|
|
25284
|
-
--cs-modes-dark-colors-
|
|
25285
|
-
--cs-modes-dark-colors-
|
|
25286
|
-
--cs-modes-dark-colors-primary
|
|
25287
|
-
--cs-modes-dark-colors-
|
|
25288
|
-
--cs-modes-dark-colors-
|
|
25289
|
-
--cs-modes-dark-colors-
|
|
25263
|
+
--cs-modes-dark-colors-neutral-50: #201D1D;
|
|
25264
|
+
--cs-modes-dark-colors-neutral-100: #403A3A;
|
|
25265
|
+
--cs-modes-dark-colors-neutral-200: #605757;
|
|
25266
|
+
--cs-modes-dark-colors-neutral-300: #817474;
|
|
25267
|
+
--cs-modes-dark-colors-neutral-400: #9E9494;
|
|
25268
|
+
--cs-modes-dark-colors-neutral-500: #9E9494;
|
|
25269
|
+
--cs-modes-dark-colors-neutral-600: #B9B1B1;
|
|
25270
|
+
--cs-modes-dark-colors-neutral-700: #D3CFCF;
|
|
25271
|
+
--cs-modes-dark-colors-neutral-800: #E9E7E7;
|
|
25272
|
+
--cs-modes-dark-colors-neutral-900: #F5F4F4;
|
|
25273
|
+
--cs-modes-dark-colors-neutral-500-rgb: 158, 148, 148;
|
|
25274
|
+
--cs-modes-dark-colors-neutral-600-rgb: 185, 177, 177;
|
|
25275
|
+
--cs-modes-dark-colors-neutral-700-rgb: 211, 207, 207;
|
|
25276
|
+
--cs-modes-dark-colors-surface-background: #1E1E1E;
|
|
25277
|
+
--cs-modes-dark-colors-surface-surface: #242424;
|
|
25278
|
+
--cs-modes-dark-colors-surface-border: #1F1F1F;
|
|
25279
|
+
--cs-modes-dark-colors-surface-divider: #383838;
|
|
25280
|
+
--cs-modes-dark-colors-text-primary: #FFFFFF;
|
|
25281
|
+
--cs-modes-dark-colors-text-secondary: #DDB955;
|
|
25282
|
+
--cs-modes-dark-colors-text-muted: #B9B1B1;
|
|
25283
|
+
--cs-modes-dark-colors-text-inverse: #1E1E1E;
|
|
25284
|
+
--cs-modes-dark-colors-text-on-primary: #1E1E1E;
|
|
25285
|
+
--cs-modes-dark-colors-text-on-secondary: #1E1E1E;
|
|
25286
|
+
--cs-modes-dark-colors-text-on-surface: #FFFFFF;
|
|
25287
|
+
--cs-modes-dark-colors-interactive-hover: #1E1E1E;
|
|
25288
|
+
--cs-modes-dark-colors-interactive-active: #666666;
|
|
25289
|
+
--cs-modes-dark-colors-interactive-focus: #999999;
|
|
25290
|
+
--cs-modes-dark-colors-interactive-disabled: #1F1F1F;
|
|
25291
|
+
--cs-modes-dark-colors-accent: #DDB955;
|
|
25292
|
+
--cs-modes-dark-colors-bg-primary: #242424;
|
|
25293
|
+
--cs-modes-dark-colors-bg-secondary: #584718;
|
|
25294
|
+
--cs-modes-dark-colors-surface-bg: #1E1E1E;
|
|
25295
|
+
--cs-modes-dark-colors-primary-hover: #999999;
|
|
25296
|
+
--cs-modes-dark-colors-primary-active: #B3B3B3;
|
|
25297
|
+
--cs-modes-dark-colors-accent-rgb: 221, 185, 85;
|
|
25298
|
+
--cs-modes-dark-colors-border: #1F1F1F;
|
|
25290
25299
|
}
|
|
25291
25300
|
.dark {
|
|
25292
25301
|
/* Dark Mode Variables */
|
|
25293
|
-
--cs-colors-primary-50: #
|
|
25294
|
-
--cs-colors-primary-100: #
|
|
25295
|
-
--cs-colors-primary-200: #
|
|
25296
|
-
--cs-colors-primary-300: #
|
|
25297
|
-
--cs-colors-primary-400: #
|
|
25298
|
-
--cs-colors-primary-500: #
|
|
25299
|
-
--cs-colors-primary-600: #
|
|
25300
|
-
--cs-colors-primary-700: #
|
|
25301
|
-
--cs-colors-primary-800: #
|
|
25302
|
-
--cs-colors-primary-900: #
|
|
25303
|
-
--cs-colors-primary-500-rgb:
|
|
25304
|
-
--cs-colors-primary-600-rgb:
|
|
25305
|
-
--cs-colors-primary-700-rgb:
|
|
25306
|
-
--cs-colors-secondary-50: #
|
|
25307
|
-
--cs-colors-secondary-100: #
|
|
25308
|
-
--cs-colors-secondary-200: #
|
|
25309
|
-
--cs-colors-secondary-300: #
|
|
25310
|
-
--cs-colors-secondary-400: #
|
|
25311
|
-
--cs-colors-secondary-500: #
|
|
25312
|
-
--cs-colors-secondary-600: #
|
|
25313
|
-
--cs-colors-secondary-700: #
|
|
25314
|
-
--cs-colors-secondary-800: #
|
|
25315
|
-
--cs-colors-secondary-900: #
|
|
25302
|
+
--cs-colors-primary-50: #242424;
|
|
25303
|
+
--cs-colors-primary-100: #383838;
|
|
25304
|
+
--cs-colors-primary-200: #4D4D4D;
|
|
25305
|
+
--cs-colors-primary-300: #666666;
|
|
25306
|
+
--cs-colors-primary-400: #1E1E1E;
|
|
25307
|
+
--cs-colors-primary-500: #1E1E1E;
|
|
25308
|
+
--cs-colors-primary-600: #999999;
|
|
25309
|
+
--cs-colors-primary-700: #B3B3B3;
|
|
25310
|
+
--cs-colors-primary-800: #CCCCCC;
|
|
25311
|
+
--cs-colors-primary-900: #E6E6E6;
|
|
25312
|
+
--cs-colors-primary-500-rgb: 30, 30, 30;
|
|
25313
|
+
--cs-colors-primary-600-rgb: 153, 153, 153;
|
|
25314
|
+
--cs-colors-primary-700-rgb: 179, 179, 179;
|
|
25315
|
+
--cs-colors-secondary-50: #362C11;
|
|
25316
|
+
--cs-colors-secondary-100: #584718;
|
|
25317
|
+
--cs-colors-secondary-200: #7C631D;
|
|
25318
|
+
--cs-colors-secondary-300: #AA8622;
|
|
25319
|
+
--cs-colors-secondary-400: #E8CF8A;
|
|
25320
|
+
--cs-colors-secondary-500: #E8CF8A;
|
|
25321
|
+
--cs-colors-secondary-600: #DDB955;
|
|
25322
|
+
--cs-colors-secondary-700: #E2C983;
|
|
25323
|
+
--cs-colors-secondary-800: #E9DAAF;
|
|
25324
|
+
--cs-colors-secondary-900: #F3ECD8;
|
|
25325
|
+
--cs-colors-secondary-500-rgb: 232, 207, 138;
|
|
25326
|
+
--cs-colors-secondary-600-rgb: 221, 185, 85;
|
|
25327
|
+
--cs-colors-secondary-700-rgb: 226, 201, 131;
|
|
25316
25328
|
--cs-colors-semantic-success: #34D399;
|
|
25317
25329
|
--cs-colors-semantic-warning: #FBBF24;
|
|
25318
25330
|
--cs-colors-semantic-error: #F87171;
|
|
@@ -25328,41 +25340,44 @@ code {
|
|
|
25328
25340
|
--cs-colors-semantic-error-rgb: 248, 113, 113;
|
|
25329
25341
|
--cs-colors-semantic-error-dark-rgb: 185, 28, 28;
|
|
25330
25342
|
--cs-colors-semantic-info-rgb: 96, 165, 250;
|
|
25331
|
-
--cs-colors-neutral-50: #
|
|
25332
|
-
--cs-colors-neutral-100: #
|
|
25333
|
-
--cs-colors-neutral-200: #
|
|
25334
|
-
--cs-colors-neutral-300: #
|
|
25335
|
-
--cs-colors-neutral-400: #
|
|
25336
|
-
--cs-colors-neutral-500: #
|
|
25337
|
-
--cs-colors-neutral-600: #
|
|
25338
|
-
--cs-colors-neutral-700: #
|
|
25339
|
-
--cs-colors-neutral-800: #
|
|
25340
|
-
--cs-colors-neutral-900: #
|
|
25341
|
-
--cs-colors-
|
|
25342
|
-
--cs-colors-
|
|
25343
|
-
--cs-colors-
|
|
25344
|
-
--cs-colors-surface-
|
|
25345
|
-
--cs-colors-
|
|
25346
|
-
--cs-colors-
|
|
25347
|
-
--cs-colors-
|
|
25348
|
-
--cs-colors-text-
|
|
25349
|
-
--cs-colors-text-
|
|
25350
|
-
--cs-colors-text-
|
|
25351
|
-
--cs-colors-text-
|
|
25352
|
-
--cs-colors-
|
|
25353
|
-
--cs-colors-
|
|
25354
|
-
--cs-colors-
|
|
25355
|
-
--cs-colors-interactive-
|
|
25356
|
-
--cs-colors-
|
|
25357
|
-
--cs-colors-
|
|
25358
|
-
--cs-colors-
|
|
25359
|
-
--cs-colors-
|
|
25360
|
-
--cs-colors-primary
|
|
25361
|
-
--cs-colors-
|
|
25362
|
-
--cs-colors-
|
|
25363
|
-
--cs-colors-
|
|
25364
|
-
--cs-colors-
|
|
25365
|
-
--cs-colors-
|
|
25343
|
+
--cs-colors-neutral-50: #201D1D;
|
|
25344
|
+
--cs-colors-neutral-100: #403A3A;
|
|
25345
|
+
--cs-colors-neutral-200: #605757;
|
|
25346
|
+
--cs-colors-neutral-300: #817474;
|
|
25347
|
+
--cs-colors-neutral-400: #9E9494;
|
|
25348
|
+
--cs-colors-neutral-500: #9E9494;
|
|
25349
|
+
--cs-colors-neutral-600: #B9B1B1;
|
|
25350
|
+
--cs-colors-neutral-700: #D3CFCF;
|
|
25351
|
+
--cs-colors-neutral-800: #E9E7E7;
|
|
25352
|
+
--cs-colors-neutral-900: #F5F4F4;
|
|
25353
|
+
--cs-colors-neutral-500-rgb: 158, 148, 148;
|
|
25354
|
+
--cs-colors-neutral-600-rgb: 185, 177, 177;
|
|
25355
|
+
--cs-colors-neutral-700-rgb: 211, 207, 207;
|
|
25356
|
+
--cs-colors-surface-background: #1E1E1E;
|
|
25357
|
+
--cs-colors-surface-surface: #242424;
|
|
25358
|
+
--cs-colors-surface-border: #1F1F1F;
|
|
25359
|
+
--cs-colors-surface-divider: #383838;
|
|
25360
|
+
--cs-colors-text-primary: #FFFFFF;
|
|
25361
|
+
--cs-colors-text-secondary: #DDB955;
|
|
25362
|
+
--cs-colors-text-muted: #B9B1B1;
|
|
25363
|
+
--cs-colors-text-inverse: #1E1E1E;
|
|
25364
|
+
--cs-colors-text-onPrimary: #1E1E1E;
|
|
25365
|
+
--cs-colors-text-onSecondary: #1E1E1E;
|
|
25366
|
+
--cs-colors-text-onSurface: #FFFFFF;
|
|
25367
|
+
--cs-colors-interactive-hover: #1E1E1E;
|
|
25368
|
+
--cs-colors-interactive-active: #666666;
|
|
25369
|
+
--cs-colors-interactive-focus: #999999;
|
|
25370
|
+
--cs-colors-interactive-disabled: #1F1F1F;
|
|
25371
|
+
--cs-colors-accent: #DDB955;
|
|
25372
|
+
--cs-colors-bg-primary: #242424;
|
|
25373
|
+
--cs-colors-bg-secondary: #584718;
|
|
25374
|
+
--cs-colors-surface-bg: #1E1E1E;
|
|
25375
|
+
--cs-colors-primary-hover: #999999;
|
|
25376
|
+
--cs-colors-primary-active: #B3B3B3;
|
|
25377
|
+
--cs-colors-accent-rgb: 221, 185, 85;
|
|
25378
|
+
--cs-colors-border: #1F1F1F;
|
|
25379
|
+
--cs-colors-text-primary: #FFFFFF;
|
|
25380
|
+
--cs-colors-text-secondary: #DDB955;
|
|
25366
25381
|
}
|
|
25367
25382
|
|
|
25368
25383
|
|
package/dist/theme.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,gBAsqBzB,CAAC"}
|