@qwickapps/react-framework 1.5.0 → 1.5.2

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 (36) hide show
  1. package/README.md +6 -0
  2. package/dist/components/buttons/Button.d.ts.map +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.esm.css +1 -1
  5. package/dist/index.esm.js +46 -7
  6. package/dist/index.js +45 -6
  7. package/dist/palettes/manifest.json +19 -19
  8. package/dist/palettes/palette-autumn.1.5.1.css +172 -0
  9. package/dist/palettes/palette-autumn.1.5.1.min.css +1 -0
  10. package/dist/palettes/palette-autumn.1.5.2.css +172 -0
  11. package/dist/palettes/palette-autumn.1.5.2.min.css +1 -0
  12. package/dist/palettes/palette-cosmic.1.5.1.css +172 -0
  13. package/dist/palettes/palette-cosmic.1.5.1.min.css +1 -0
  14. package/dist/palettes/palette-cosmic.1.5.2.css +172 -0
  15. package/dist/palettes/palette-cosmic.1.5.2.min.css +1 -0
  16. package/dist/palettes/palette-default.1.5.1.css +178 -0
  17. package/dist/palettes/palette-default.1.5.1.min.css +1 -0
  18. package/dist/palettes/palette-default.1.5.2.css +178 -0
  19. package/dist/palettes/palette-default.1.5.2.min.css +1 -0
  20. package/dist/palettes/palette-ocean.1.5.1.css +172 -0
  21. package/dist/palettes/palette-ocean.1.5.1.min.css +1 -0
  22. package/dist/palettes/palette-ocean.1.5.2.css +172 -0
  23. package/dist/palettes/palette-ocean.1.5.2.min.css +1 -0
  24. package/dist/palettes/palette-spring.1.5.1.css +160 -0
  25. package/dist/palettes/palette-spring.1.5.1.min.css +1 -0
  26. package/dist/palettes/palette-spring.1.5.2.css +160 -0
  27. package/dist/palettes/palette-spring.1.5.2.min.css +1 -0
  28. package/dist/palettes/palette-winter.1.5.1.css +172 -0
  29. package/dist/palettes/palette-winter.1.5.1.min.css +1 -0
  30. package/dist/palettes/palette-winter.1.5.2.css +172 -0
  31. package/dist/palettes/palette-winter.1.5.2.min.css +1 -0
  32. package/dist/utils/iconMap.d.ts.map +1 -1
  33. package/package.json +1 -1
  34. package/src/components/Scaffold.css +11 -1
  35. package/src/components/buttons/Button.tsx +4 -6
  36. package/src/utils/iconMap.tsx +23 -0
package/dist/index.js CHANGED
@@ -3345,6 +3345,47 @@ const iconMap = {
3345
3345
  security: {
3346
3346
  emoji: '🔐',
3347
3347
  component: iconsMaterial.Security
3348
+ },
3349
+ // Control Panel & Admin UI Icons
3350
+ key: {
3351
+ emoji: '🔑',
3352
+ component: iconsMaterial.Key
3353
+ },
3354
+ vpn_key: {
3355
+ emoji: '🔐',
3356
+ component: iconsMaterial.VpnKey
3357
+ },
3358
+ person_search: {
3359
+ emoji: '🔍',
3360
+ component: iconsMaterial.PersonSearch
3361
+ },
3362
+ manage_accounts: {
3363
+ emoji: '👥',
3364
+ component: iconsMaterial.ManageAccounts
3365
+ },
3366
+ storage: {
3367
+ emoji: '💾',
3368
+ component: iconsMaterial.Storage
3369
+ },
3370
+ refresh: {
3371
+ emoji: '🔄',
3372
+ component: iconsMaterial.Refresh
3373
+ },
3374
+ block: {
3375
+ emoji: '🚫',
3376
+ component: iconsMaterial.Block
3377
+ },
3378
+ check_circle: {
3379
+ emoji: '✅',
3380
+ component: iconsMaterial.CheckCircle
3381
+ },
3382
+ rotate_right: {
3383
+ emoji: '🔄',
3384
+ component: iconsMaterial.RotateRight
3385
+ },
3386
+ memory: {
3387
+ emoji: '🧠',
3388
+ component: iconsMaterial.Memory
3348
3389
  }
3349
3390
  };
3350
3391
  /**
@@ -3611,15 +3652,13 @@ const Button = createSerializableView({
3611
3652
  };
3612
3653
  if (typeof props.icon === 'string') {
3613
3654
  const iconComponent = getIconComponent(props.icon);
3614
- if (iconComponent) {
3615
- transformedProps.icon = iconComponent;
3616
- }
3655
+ // Always transform: use the component if found, otherwise clear the string to prevent text rendering
3656
+ transformedProps.icon = iconComponent || undefined;
3617
3657
  }
3618
3658
  if (typeof props.endIcon === 'string') {
3619
3659
  const endIconComponent = getIconComponent(props.endIcon);
3620
- if (endIconComponent) {
3621
- transformedProps.endIcon = endIconComponent;
3622
- }
3660
+ // Always transform: use the component if found, otherwise clear the string to prevent text rendering
3661
+ transformedProps.endIcon = endIconComponent || undefined;
3623
3662
  }
3624
3663
  return transformedProps;
3625
3664
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "$schema": "./manifest.schema.json",
3
- "version": "1.5.0",
3
+ "version": "1.5.2",
4
4
  "palettes": [
5
5
  {
6
6
  "id": "default",
@@ -8,11 +8,11 @@
8
8
  "description": "Classic blue and neutral color scheme - the original QwickApps palette",
9
9
  "author": "QwickApps",
10
10
  "license": "PolyForm-Shield-1.0.0",
11
- "version": "1.5.0",
12
- "file": "palette-default.1.5.0.css",
11
+ "version": "1.5.2",
12
+ "file": "palette-default.1.5.2.css",
13
13
  "primaryColor": "#007bff",
14
14
  "inlined": true,
15
- "fileMinified": "palette-default.1.5.0.min.css",
15
+ "fileMinified": "palette-default.1.5.2.min.css",
16
16
  "fileLatest": "palette-default.latest.css",
17
17
  "fileLatestMinified": "palette-default.latest.min.css"
18
18
  },
@@ -22,11 +22,11 @@
22
22
  "description": "Warm oranges, golden yellows, and earthy browns - inspired by fall foliage",
23
23
  "author": "QwickApps",
24
24
  "license": "PolyForm-Shield-1.0.0",
25
- "version": "1.5.0",
26
- "file": "palette-autumn.1.5.0.css",
25
+ "version": "1.5.2",
26
+ "file": "palette-autumn.1.5.2.css",
27
27
  "primaryColor": "#ea580c",
28
28
  "inlined": false,
29
- "fileMinified": "palette-autumn.1.5.0.min.css",
29
+ "fileMinified": "palette-autumn.1.5.2.min.css",
30
30
  "fileLatest": "palette-autumn.latest.css",
31
31
  "fileLatestMinified": "palette-autumn.latest.min.css"
32
32
  },
@@ -36,11 +36,11 @@
36
36
  "description": "Modern purple gradient for creative and tech brands - inspired by cosmic nebulae",
37
37
  "author": "QwickApps",
38
38
  "license": "PolyForm-Shield-1.0.0",
39
- "version": "1.5.0",
40
- "file": "palette-cosmic.1.5.0.css",
39
+ "version": "1.5.2",
40
+ "file": "palette-cosmic.1.5.2.css",
41
41
  "primaryColor": "#8b5cf6",
42
42
  "inlined": false,
43
- "fileMinified": "palette-cosmic.1.5.0.min.css",
43
+ "fileMinified": "palette-cosmic.1.5.2.min.css",
44
44
  "fileLatest": "palette-cosmic.latest.css",
45
45
  "fileLatestMinified": "palette-cosmic.latest.min.css"
46
46
  },
@@ -50,11 +50,11 @@
50
50
  "description": "Deep blues, aqua teals, and seafoam greens - inspired by ocean depths",
51
51
  "author": "QwickApps",
52
52
  "license": "PolyForm-Shield-1.0.0",
53
- "version": "1.5.0",
54
- "file": "palette-ocean.1.5.0.css",
53
+ "version": "1.5.2",
54
+ "file": "palette-ocean.1.5.2.css",
55
55
  "primaryColor": "#0891b2",
56
56
  "inlined": false,
57
- "fileMinified": "palette-ocean.1.5.0.min.css",
57
+ "fileMinified": "palette-ocean.1.5.2.min.css",
58
58
  "fileLatest": "palette-ocean.latest.css",
59
59
  "fileLatestMinified": "palette-ocean.latest.min.css"
60
60
  },
@@ -64,11 +64,11 @@
64
64
  "description": "Fresh greens, soft pinks, and bright yellows - inspired by spring blooms",
65
65
  "author": "QwickApps",
66
66
  "license": "PolyForm-Shield-1.0.0",
67
- "version": "1.5.0",
68
- "file": "palette-spring.1.5.0.css",
67
+ "version": "1.5.2",
68
+ "file": "palette-spring.1.5.2.css",
69
69
  "primaryColor": "#16a34a",
70
70
  "inlined": false,
71
- "fileMinified": "palette-spring.1.5.0.min.css",
71
+ "fileMinified": "palette-spring.1.5.2.min.css",
72
72
  "fileLatest": "palette-spring.latest.css",
73
73
  "fileLatestMinified": "palette-spring.latest.min.css"
74
74
  },
@@ -78,11 +78,11 @@
78
78
  "description": "Cool blues, icy whites, and frosty grays - inspired by winter landscapes",
79
79
  "author": "QwickApps",
80
80
  "license": "PolyForm-Shield-1.0.0",
81
- "version": "1.5.0",
82
- "file": "palette-winter.1.5.0.css",
81
+ "version": "1.5.2",
82
+ "file": "palette-winter.1.5.2.css",
83
83
  "primaryColor": "#0077be",
84
84
  "inlined": false,
85
- "fileMinified": "palette-winter.1.5.0.min.css",
85
+ "fileMinified": "palette-winter.1.5.2.min.css",
86
86
  "fileLatest": "palette-winter.latest.css",
87
87
  "fileLatestMinified": "palette-winter.latest.min.css"
88
88
  }
@@ -0,0 +1,172 @@
1
+ /**
2
+ * Autumn Color Palette
3
+ *
4
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
5
+ *
6
+ * Warm oranges, golden yellows, and earthy browns - inspired by fall foliage
7
+ */
8
+
9
+ /* ===== AUTUMN PALETTE - LIGHT THEME ===== */
10
+ html[data-palette="autumn"]:not([data-theme="dark"]),
11
+ html[data-palette="autumn"][data-theme="light"] {
12
+ /* Primary palette - Burnt orange */
13
+ --palette-primary-main: #ea580c;
14
+ --palette-primary-light: #fb923c;
15
+ --palette-primary-dark: #c2410c;
16
+ --palette-on-primary: #ffffff;
17
+
18
+ /* Secondary palette - Rich amber */
19
+ --palette-secondary-main: #b45309;
20
+ --palette-secondary-light: #d97706;
21
+ --palette-secondary-dark: #92400e;
22
+ --palette-on-secondary: #ffffff;
23
+
24
+ /* Surface palette - Cream */
25
+ --palette-surface-main: #fffbeb;
26
+ --palette-surface-variant: #fef3c7;
27
+ --palette-surface-elevated: #ffffff;
28
+ --palette-on-surface: #451a03;
29
+
30
+ /* Background palette - Warm ivory */
31
+ --palette-background-main: #fefce8;
32
+ --palette-background-dark: #fef3c7;
33
+ --palette-background-overlay: rgba(254, 252, 232, 0.95);
34
+ --palette-on-background: #78350f;
35
+
36
+ /* Header background with transparency */
37
+ --palette-header-bg-start: rgba(254, 252, 232, 0.98);
38
+ --palette-header-bg-end: rgba(254, 252, 232, 0.95);
39
+ --palette-header-collapsed-bg-start: rgba(254, 252, 232, 0.99);
40
+ --palette-header-collapsed-bg-end: rgba(254, 252, 232, 0.96);
41
+
42
+ /* Text palette - Rich brown */
43
+ --palette-text-primary: #451a03;
44
+ --palette-text-secondary: #78350f;
45
+ --palette-text-disabled: rgba(69, 26, 3, 0.38);
46
+ --palette-text-inverted: #ffffff;
47
+
48
+ /* Border palette - Tan */
49
+ --palette-border-main: #d4d4aa;
50
+ --palette-border-light: rgba(69, 26, 3, 0.12);
51
+ --palette-border-lighter: rgba(69, 26, 3, 0.05);
52
+ --palette-border-medium: #a8a29e;
53
+
54
+ /* Success palette - Forest green */
55
+ --palette-success-main: #16a34a;
56
+ --palette-success-light: #dcfce7;
57
+ --palette-success-dark: #14532d;
58
+ --palette-success-border: #bbf7d0;
59
+
60
+ /* Error palette - Crimson */
61
+ --palette-error-main: #dc2626;
62
+ --palette-error-light: #fee2e2;
63
+ --palette-error-dark: #7f1d1d;
64
+ --palette-error-border: #fecaca;
65
+
66
+ /* Warning palette - Amber */
67
+ --palette-warning-main: #f59e0b;
68
+ --palette-warning-light: #fef3c7;
69
+ --palette-warning-dark: #78350f;
70
+ --palette-warning-border: #fde68a;
71
+
72
+ /* Info palette - Teal */
73
+ --palette-info-main: #0891b2;
74
+ --palette-info-light: #e6fffa;
75
+ --palette-info-dark: #164e63;
76
+ --palette-on-info: #ffffff;
77
+ --palette-info-border: #67e8f9;
78
+
79
+ /* Accent palette - Deep crimson */
80
+ --palette-accent-main: #dc2626;
81
+ --palette-accent-light: #f87171;
82
+ --palette-accent-dark: #991b1b;
83
+ --palette-on-accent: #ffffff;
84
+
85
+ /* Control palette - Walnut */
86
+ --palette-control-main: #451a03;
87
+ --palette-control-light: #78350f;
88
+ --palette-control-text: #fef3c7;
89
+ --palette-control-border: #92400e;
90
+ }
91
+
92
+ /* ===== AUTUMN PALETTE - DARK THEME ===== */
93
+ html[data-palette="autumn"][data-theme="dark"] {
94
+ /* Primary palette - Glowing ember */
95
+ --palette-primary-main: #fb923c;
96
+ --palette-primary-light: #fdba74;
97
+ --palette-primary-dark: #ea580c;
98
+ --palette-on-primary: #1c1917;
99
+
100
+ /* Secondary palette - Golden glow */
101
+ --palette-secondary-main: #fbbf24;
102
+ --palette-secondary-light: #fcd34d;
103
+ --palette-secondary-dark: #f59e0b;
104
+ --palette-on-secondary: #1c1917;
105
+
106
+ /* Surface palette - Dark wood */
107
+ --palette-surface-main: #1c1917;
108
+ --palette-surface-variant: #292524;
109
+ --palette-surface-elevated: #44403c;
110
+ --palette-on-surface: #fef3c7;
111
+
112
+ /* Background palette - Deep earth */
113
+ --palette-background-main: #0c0a09;
114
+ --palette-background-dark: #1c1917;
115
+ --palette-background-overlay: rgba(28, 25, 23, 0.95);
116
+ --palette-on-background: #d6d3d1;
117
+
118
+ /* Header background with transparency */
119
+ --palette-header-bg-start: rgba(12, 10, 9, 0.98);
120
+ --palette-header-bg-end: rgba(12, 10, 9, 0.95);
121
+ --palette-header-collapsed-bg-start: rgba(12, 10, 9, 0.99);
122
+ --palette-header-collapsed-bg-end: rgba(12, 10, 9, 0.96);
123
+
124
+ /* Text palette - Warm light */
125
+ --palette-text-primary: #fef3c7;
126
+ --palette-text-secondary: #d6d3d1;
127
+ --palette-text-disabled: rgba(254, 243, 199, 0.38);
128
+ --palette-text-inverted: #0c0a09;
129
+
130
+ /* Border palette - Copper */
131
+ --palette-border-main: #78716c;
132
+ --palette-border-light: rgba(254, 243, 199, 0.12);
133
+ --palette-border-lighter: rgba(254, 243, 199, 0.05);
134
+ --palette-border-medium: #57534e;
135
+
136
+ /* Success palette - Pine */
137
+ --palette-success-main: #4ade80;
138
+ --palette-success-light: #14532d;
139
+ --palette-success-dark: #22c55e;
140
+ --palette-success-border: #166534;
141
+
142
+ /* Error palette - Fire */
143
+ --palette-error-main: #f87171;
144
+ --palette-error-light: #7f1d1d;
145
+ --palette-error-dark: #ef4444;
146
+ --palette-error-border: #991b1b;
147
+
148
+ /* Warning palette - Harvest gold */
149
+ --palette-warning-main: #eab308;
150
+ --palette-warning-light: #78350f;
151
+ --palette-warning-dark: #ca8a04;
152
+ --palette-warning-border: #a16207;
153
+
154
+ /* Info palette - River teal */
155
+ --palette-info-main: #22d3ee;
156
+ --palette-info-light: #164e63;
157
+ --palette-info-dark: #06b6d4;
158
+ --palette-on-info: #0c0a09;
159
+ --palette-info-border: #0891b2;
160
+
161
+ /* Accent palette - Harvest crimson */
162
+ --palette-accent-main: #b91c1c;
163
+ --palette-accent-light: #dc2626;
164
+ --palette-accent-dark: #7f1d1d;
165
+ --palette-on-accent: #fef3c7;
166
+
167
+ /* Control palette - Charcoal */
168
+ --palette-control-main: #292524;
169
+ --palette-control-light: #44403c;
170
+ --palette-control-text: #f5f5f4;
171
+ --palette-control-border: #57534e;
172
+ }
@@ -0,0 +1 @@
1
+ html[data-palette="autumn"]:not([data-theme="dark"]),html[data-palette="autumn"][data-theme="light"]{--palette-primary-main:#ea580c;--palette-primary-light:#fb923c;--palette-primary-dark:#c2410c;--palette-on-primary:#ffffff;--palette-secondary-main:#b45309;--palette-secondary-light:#d97706;--palette-secondary-dark:#92400e;--palette-on-secondary:#ffffff;--palette-surface-main:#fffbeb;--palette-surface-variant:#fef3c7;--palette-surface-elevated:#ffffff;--palette-on-surface:#451a03;--palette-background-main:#fefce8;--palette-background-dark:#fef3c7;--palette-background-overlay:rgba(254,252,232,0.95);--palette-on-background:#78350f;--palette-header-bg-start:rgba(254,252,232,0.98);--palette-header-bg-end:rgba(254,252,232,0.95);--palette-header-collapsed-bg-start:rgba(254,252,232,0.99);--palette-header-collapsed-bg-end:rgba(254,252,232,0.96);--palette-text-primary:#451a03;--palette-text-secondary:#78350f;--palette-text-disabled:rgba(69,26,3,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#d4d4aa;--palette-border-light:rgba(69,26,3,0.12);--palette-border-lighter:rgba(69,26,3,0.05);--palette-border-medium:#a8a29e;--palette-success-main:#16a34a;--palette-success-light:#dcfce7;--palette-success-dark:#14532d;--palette-success-border:#bbf7d0;--palette-error-main:#dc2626;--palette-error-light:#fee2e2;--palette-error-dark:#7f1d1d;--palette-error-border:#fecaca;--palette-warning-main:#f59e0b;--palette-warning-light:#fef3c7;--palette-warning-dark:#78350f;--palette-warning-border:#fde68a;--palette-info-main:#0891b2;--palette-info-light:#e6fffa;--palette-info-dark:#164e63;--palette-on-info:#ffffff;--palette-info-border:#67e8f9;--palette-accent-main:#dc2626;--palette-accent-light:#f87171;--palette-accent-dark:#991b1b;--palette-on-accent:#ffffff;--palette-control-main:#451a03;--palette-control-light:#78350f;--palette-control-text:#fef3c7;--palette-control-border:#92400e}html[data-palette="autumn"][data-theme="dark"]{--palette-primary-main:#fb923c;--palette-primary-light:#fdba74;--palette-primary-dark:#ea580c;--palette-on-primary:#1c1917;--palette-secondary-main:#fbbf24;--palette-secondary-light:#fcd34d;--palette-secondary-dark:#f59e0b;--palette-on-secondary:#1c1917;--palette-surface-main:#1c1917;--palette-surface-variant:#292524;--palette-surface-elevated:#44403c;--palette-on-surface:#fef3c7;--palette-background-main:#0c0a09;--palette-background-dark:#1c1917;--palette-background-overlay:rgba(28,25,23,0.95);--palette-on-background:#d6d3d1;--palette-header-bg-start:rgba(12,10,9,0.98);--palette-header-bg-end:rgba(12,10,9,0.95);--palette-header-collapsed-bg-start:rgba(12,10,9,0.99);--palette-header-collapsed-bg-end:rgba(12,10,9,0.96);--palette-text-primary:#fef3c7;--palette-text-secondary:#d6d3d1;--palette-text-disabled:rgba(254,243,199,0.38);--palette-text-inverted:#0c0a09;--palette-border-main:#78716c;--palette-border-light:rgba(254,243,199,0.12);--palette-border-lighter:rgba(254,243,199,0.05);--palette-border-medium:#57534e;--palette-success-main:#4ade80;--palette-success-light:#14532d;--palette-success-dark:#22c55e;--palette-success-border:#166534;--palette-error-main:#f87171;--palette-error-light:#7f1d1d;--palette-error-dark:#ef4444;--palette-error-border:#991b1b;--palette-warning-main:#eab308;--palette-warning-light:#78350f;--palette-warning-dark:#ca8a04;--palette-warning-border:#a16207;--palette-info-main:#22d3ee;--palette-info-light:#164e63;--palette-info-dark:#06b6d4;--palette-on-info:#0c0a09;--palette-info-border:#0891b2;--palette-accent-main:#b91c1c;--palette-accent-light:#dc2626;--palette-accent-dark:#7f1d1d;--palette-on-accent:#fef3c7;--palette-control-main:#292524;--palette-control-light:#44403c;--palette-control-text:#f5f5f4;--palette-control-border:#57534e}
@@ -0,0 +1,172 @@
1
+ /**
2
+ * Autumn Color Palette
3
+ *
4
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
5
+ *
6
+ * Warm oranges, golden yellows, and earthy browns - inspired by fall foliage
7
+ */
8
+
9
+ /* ===== AUTUMN PALETTE - LIGHT THEME ===== */
10
+ html[data-palette="autumn"]:not([data-theme="dark"]),
11
+ html[data-palette="autumn"][data-theme="light"] {
12
+ /* Primary palette - Burnt orange */
13
+ --palette-primary-main: #ea580c;
14
+ --palette-primary-light: #fb923c;
15
+ --palette-primary-dark: #c2410c;
16
+ --palette-on-primary: #ffffff;
17
+
18
+ /* Secondary palette - Rich amber */
19
+ --palette-secondary-main: #b45309;
20
+ --palette-secondary-light: #d97706;
21
+ --palette-secondary-dark: #92400e;
22
+ --palette-on-secondary: #ffffff;
23
+
24
+ /* Surface palette - Cream */
25
+ --palette-surface-main: #fffbeb;
26
+ --palette-surface-variant: #fef3c7;
27
+ --palette-surface-elevated: #ffffff;
28
+ --palette-on-surface: #451a03;
29
+
30
+ /* Background palette - Warm ivory */
31
+ --palette-background-main: #fefce8;
32
+ --palette-background-dark: #fef3c7;
33
+ --palette-background-overlay: rgba(254, 252, 232, 0.95);
34
+ --palette-on-background: #78350f;
35
+
36
+ /* Header background with transparency */
37
+ --palette-header-bg-start: rgba(254, 252, 232, 0.98);
38
+ --palette-header-bg-end: rgba(254, 252, 232, 0.95);
39
+ --palette-header-collapsed-bg-start: rgba(254, 252, 232, 0.99);
40
+ --palette-header-collapsed-bg-end: rgba(254, 252, 232, 0.96);
41
+
42
+ /* Text palette - Rich brown */
43
+ --palette-text-primary: #451a03;
44
+ --palette-text-secondary: #78350f;
45
+ --palette-text-disabled: rgba(69, 26, 3, 0.38);
46
+ --palette-text-inverted: #ffffff;
47
+
48
+ /* Border palette - Tan */
49
+ --palette-border-main: #d4d4aa;
50
+ --palette-border-light: rgba(69, 26, 3, 0.12);
51
+ --palette-border-lighter: rgba(69, 26, 3, 0.05);
52
+ --palette-border-medium: #a8a29e;
53
+
54
+ /* Success palette - Forest green */
55
+ --palette-success-main: #16a34a;
56
+ --palette-success-light: #dcfce7;
57
+ --palette-success-dark: #14532d;
58
+ --palette-success-border: #bbf7d0;
59
+
60
+ /* Error palette - Crimson */
61
+ --palette-error-main: #dc2626;
62
+ --palette-error-light: #fee2e2;
63
+ --palette-error-dark: #7f1d1d;
64
+ --palette-error-border: #fecaca;
65
+
66
+ /* Warning palette - Amber */
67
+ --palette-warning-main: #f59e0b;
68
+ --palette-warning-light: #fef3c7;
69
+ --palette-warning-dark: #78350f;
70
+ --palette-warning-border: #fde68a;
71
+
72
+ /* Info palette - Teal */
73
+ --palette-info-main: #0891b2;
74
+ --palette-info-light: #e6fffa;
75
+ --palette-info-dark: #164e63;
76
+ --palette-on-info: #ffffff;
77
+ --palette-info-border: #67e8f9;
78
+
79
+ /* Accent palette - Deep crimson */
80
+ --palette-accent-main: #dc2626;
81
+ --palette-accent-light: #f87171;
82
+ --palette-accent-dark: #991b1b;
83
+ --palette-on-accent: #ffffff;
84
+
85
+ /* Control palette - Walnut */
86
+ --palette-control-main: #451a03;
87
+ --palette-control-light: #78350f;
88
+ --palette-control-text: #fef3c7;
89
+ --palette-control-border: #92400e;
90
+ }
91
+
92
+ /* ===== AUTUMN PALETTE - DARK THEME ===== */
93
+ html[data-palette="autumn"][data-theme="dark"] {
94
+ /* Primary palette - Glowing ember */
95
+ --palette-primary-main: #fb923c;
96
+ --palette-primary-light: #fdba74;
97
+ --palette-primary-dark: #ea580c;
98
+ --palette-on-primary: #1c1917;
99
+
100
+ /* Secondary palette - Golden glow */
101
+ --palette-secondary-main: #fbbf24;
102
+ --palette-secondary-light: #fcd34d;
103
+ --palette-secondary-dark: #f59e0b;
104
+ --palette-on-secondary: #1c1917;
105
+
106
+ /* Surface palette - Dark wood */
107
+ --palette-surface-main: #1c1917;
108
+ --palette-surface-variant: #292524;
109
+ --palette-surface-elevated: #44403c;
110
+ --palette-on-surface: #fef3c7;
111
+
112
+ /* Background palette - Deep earth */
113
+ --palette-background-main: #0c0a09;
114
+ --palette-background-dark: #1c1917;
115
+ --palette-background-overlay: rgba(28, 25, 23, 0.95);
116
+ --palette-on-background: #d6d3d1;
117
+
118
+ /* Header background with transparency */
119
+ --palette-header-bg-start: rgba(12, 10, 9, 0.98);
120
+ --palette-header-bg-end: rgba(12, 10, 9, 0.95);
121
+ --palette-header-collapsed-bg-start: rgba(12, 10, 9, 0.99);
122
+ --palette-header-collapsed-bg-end: rgba(12, 10, 9, 0.96);
123
+
124
+ /* Text palette - Warm light */
125
+ --palette-text-primary: #fef3c7;
126
+ --palette-text-secondary: #d6d3d1;
127
+ --palette-text-disabled: rgba(254, 243, 199, 0.38);
128
+ --palette-text-inverted: #0c0a09;
129
+
130
+ /* Border palette - Copper */
131
+ --palette-border-main: #78716c;
132
+ --palette-border-light: rgba(254, 243, 199, 0.12);
133
+ --palette-border-lighter: rgba(254, 243, 199, 0.05);
134
+ --palette-border-medium: #57534e;
135
+
136
+ /* Success palette - Pine */
137
+ --palette-success-main: #4ade80;
138
+ --palette-success-light: #14532d;
139
+ --palette-success-dark: #22c55e;
140
+ --palette-success-border: #166534;
141
+
142
+ /* Error palette - Fire */
143
+ --palette-error-main: #f87171;
144
+ --palette-error-light: #7f1d1d;
145
+ --palette-error-dark: #ef4444;
146
+ --palette-error-border: #991b1b;
147
+
148
+ /* Warning palette - Harvest gold */
149
+ --palette-warning-main: #eab308;
150
+ --palette-warning-light: #78350f;
151
+ --palette-warning-dark: #ca8a04;
152
+ --palette-warning-border: #a16207;
153
+
154
+ /* Info palette - River teal */
155
+ --palette-info-main: #22d3ee;
156
+ --palette-info-light: #164e63;
157
+ --palette-info-dark: #06b6d4;
158
+ --palette-on-info: #0c0a09;
159
+ --palette-info-border: #0891b2;
160
+
161
+ /* Accent palette - Harvest crimson */
162
+ --palette-accent-main: #b91c1c;
163
+ --palette-accent-light: #dc2626;
164
+ --palette-accent-dark: #7f1d1d;
165
+ --palette-on-accent: #fef3c7;
166
+
167
+ /* Control palette - Charcoal */
168
+ --palette-control-main: #292524;
169
+ --palette-control-light: #44403c;
170
+ --palette-control-text: #f5f5f4;
171
+ --palette-control-border: #57534e;
172
+ }
@@ -0,0 +1 @@
1
+ html[data-palette="autumn"]:not([data-theme="dark"]),html[data-palette="autumn"][data-theme="light"]{--palette-primary-main:#ea580c;--palette-primary-light:#fb923c;--palette-primary-dark:#c2410c;--palette-on-primary:#ffffff;--palette-secondary-main:#b45309;--palette-secondary-light:#d97706;--palette-secondary-dark:#92400e;--palette-on-secondary:#ffffff;--palette-surface-main:#fffbeb;--palette-surface-variant:#fef3c7;--palette-surface-elevated:#ffffff;--palette-on-surface:#451a03;--palette-background-main:#fefce8;--palette-background-dark:#fef3c7;--palette-background-overlay:rgba(254,252,232,0.95);--palette-on-background:#78350f;--palette-header-bg-start:rgba(254,252,232,0.98);--palette-header-bg-end:rgba(254,252,232,0.95);--palette-header-collapsed-bg-start:rgba(254,252,232,0.99);--palette-header-collapsed-bg-end:rgba(254,252,232,0.96);--palette-text-primary:#451a03;--palette-text-secondary:#78350f;--palette-text-disabled:rgba(69,26,3,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#d4d4aa;--palette-border-light:rgba(69,26,3,0.12);--palette-border-lighter:rgba(69,26,3,0.05);--palette-border-medium:#a8a29e;--palette-success-main:#16a34a;--palette-success-light:#dcfce7;--palette-success-dark:#14532d;--palette-success-border:#bbf7d0;--palette-error-main:#dc2626;--palette-error-light:#fee2e2;--palette-error-dark:#7f1d1d;--palette-error-border:#fecaca;--palette-warning-main:#f59e0b;--palette-warning-light:#fef3c7;--palette-warning-dark:#78350f;--palette-warning-border:#fde68a;--palette-info-main:#0891b2;--palette-info-light:#e6fffa;--palette-info-dark:#164e63;--palette-on-info:#ffffff;--palette-info-border:#67e8f9;--palette-accent-main:#dc2626;--palette-accent-light:#f87171;--palette-accent-dark:#991b1b;--palette-on-accent:#ffffff;--palette-control-main:#451a03;--palette-control-light:#78350f;--palette-control-text:#fef3c7;--palette-control-border:#92400e}html[data-palette="autumn"][data-theme="dark"]{--palette-primary-main:#fb923c;--palette-primary-light:#fdba74;--palette-primary-dark:#ea580c;--palette-on-primary:#1c1917;--palette-secondary-main:#fbbf24;--palette-secondary-light:#fcd34d;--palette-secondary-dark:#f59e0b;--palette-on-secondary:#1c1917;--palette-surface-main:#1c1917;--palette-surface-variant:#292524;--palette-surface-elevated:#44403c;--palette-on-surface:#fef3c7;--palette-background-main:#0c0a09;--palette-background-dark:#1c1917;--palette-background-overlay:rgba(28,25,23,0.95);--palette-on-background:#d6d3d1;--palette-header-bg-start:rgba(12,10,9,0.98);--palette-header-bg-end:rgba(12,10,9,0.95);--palette-header-collapsed-bg-start:rgba(12,10,9,0.99);--palette-header-collapsed-bg-end:rgba(12,10,9,0.96);--palette-text-primary:#fef3c7;--palette-text-secondary:#d6d3d1;--palette-text-disabled:rgba(254,243,199,0.38);--palette-text-inverted:#0c0a09;--palette-border-main:#78716c;--palette-border-light:rgba(254,243,199,0.12);--palette-border-lighter:rgba(254,243,199,0.05);--palette-border-medium:#57534e;--palette-success-main:#4ade80;--palette-success-light:#14532d;--palette-success-dark:#22c55e;--palette-success-border:#166534;--palette-error-main:#f87171;--palette-error-light:#7f1d1d;--palette-error-dark:#ef4444;--palette-error-border:#991b1b;--palette-warning-main:#eab308;--palette-warning-light:#78350f;--palette-warning-dark:#ca8a04;--palette-warning-border:#a16207;--palette-info-main:#22d3ee;--palette-info-light:#164e63;--palette-info-dark:#06b6d4;--palette-on-info:#0c0a09;--palette-info-border:#0891b2;--palette-accent-main:#b91c1c;--palette-accent-light:#dc2626;--palette-accent-dark:#7f1d1d;--palette-on-accent:#fef3c7;--palette-control-main:#292524;--palette-control-light:#44403c;--palette-control-text:#f5f5f4;--palette-control-border:#57534e}