@qwickapps/react-framework 1.5.6 → 1.5.7

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 (110) hide show
  1. package/dist/components/QwickApp.d.ts.map +1 -1
  2. package/dist/contexts/NavigationContext.d.ts.map +1 -1
  3. package/dist/hooks/useBaseProps.d.ts +12 -1161
  4. package/dist/hooks/useBaseProps.d.ts.map +1 -1
  5. package/dist/index.esm.js +387 -232
  6. package/dist/index.js +385 -230
  7. package/dist/palettes/manifest.json +19 -19
  8. package/dist/palettes/palette-autumn.1.4.9.css +172 -0
  9. package/dist/palettes/palette-autumn.1.4.9.min.css +1 -0
  10. package/dist/palettes/palette-autumn.1.5.0.css +172 -0
  11. package/dist/palettes/palette-autumn.1.5.0.min.css +1 -0
  12. package/dist/palettes/palette-autumn.1.5.1.css +172 -0
  13. package/dist/palettes/palette-autumn.1.5.1.min.css +1 -0
  14. package/dist/palettes/palette-autumn.1.5.2.css +172 -0
  15. package/dist/palettes/palette-autumn.1.5.2.min.css +1 -0
  16. package/dist/palettes/palette-autumn.1.5.3.css +172 -0
  17. package/dist/palettes/palette-autumn.1.5.3.min.css +1 -0
  18. package/dist/palettes/palette-autumn.1.5.4.css +172 -0
  19. package/dist/palettes/palette-autumn.1.5.4.min.css +1 -0
  20. package/dist/palettes/palette-autumn.1.5.5.css +172 -0
  21. package/dist/palettes/palette-autumn.1.5.5.min.css +1 -0
  22. package/dist/palettes/palette-autumn.1.5.7.css +172 -0
  23. package/dist/palettes/palette-autumn.1.5.7.min.css +1 -0
  24. package/dist/palettes/palette-cosmic.1.4.9.css +172 -0
  25. package/dist/palettes/palette-cosmic.1.4.9.min.css +1 -0
  26. package/dist/palettes/palette-cosmic.1.5.0.css +172 -0
  27. package/dist/palettes/palette-cosmic.1.5.0.min.css +1 -0
  28. package/dist/palettes/palette-cosmic.1.5.1.css +172 -0
  29. package/dist/palettes/palette-cosmic.1.5.1.min.css +1 -0
  30. package/dist/palettes/palette-cosmic.1.5.2.css +172 -0
  31. package/dist/palettes/palette-cosmic.1.5.2.min.css +1 -0
  32. package/dist/palettes/palette-cosmic.1.5.3.css +172 -0
  33. package/dist/palettes/palette-cosmic.1.5.3.min.css +1 -0
  34. package/dist/palettes/palette-cosmic.1.5.4.css +172 -0
  35. package/dist/palettes/palette-cosmic.1.5.4.min.css +1 -0
  36. package/dist/palettes/palette-cosmic.1.5.5.css +172 -0
  37. package/dist/palettes/palette-cosmic.1.5.5.min.css +1 -0
  38. package/dist/palettes/palette-cosmic.1.5.7.css +172 -0
  39. package/dist/palettes/palette-cosmic.1.5.7.min.css +1 -0
  40. package/dist/palettes/palette-default.1.4.9.css +178 -0
  41. package/dist/palettes/palette-default.1.4.9.min.css +1 -0
  42. package/dist/palettes/palette-default.1.5.0.css +178 -0
  43. package/dist/palettes/palette-default.1.5.0.min.css +1 -0
  44. package/dist/palettes/palette-default.1.5.1.css +178 -0
  45. package/dist/palettes/palette-default.1.5.1.min.css +1 -0
  46. package/dist/palettes/palette-default.1.5.2.css +178 -0
  47. package/dist/palettes/palette-default.1.5.2.min.css +1 -0
  48. package/dist/palettes/palette-default.1.5.3.css +178 -0
  49. package/dist/palettes/palette-default.1.5.3.min.css +1 -0
  50. package/dist/palettes/palette-default.1.5.4.css +178 -0
  51. package/dist/palettes/palette-default.1.5.4.min.css +1 -0
  52. package/dist/palettes/palette-default.1.5.5.css +178 -0
  53. package/dist/palettes/palette-default.1.5.5.min.css +1 -0
  54. package/dist/palettes/palette-default.1.5.7.css +178 -0
  55. package/dist/palettes/palette-default.1.5.7.min.css +1 -0
  56. package/dist/palettes/palette-ocean.1.4.9.css +172 -0
  57. package/dist/palettes/palette-ocean.1.4.9.min.css +1 -0
  58. package/dist/palettes/palette-ocean.1.5.0.css +172 -0
  59. package/dist/palettes/palette-ocean.1.5.0.min.css +1 -0
  60. package/dist/palettes/palette-ocean.1.5.1.css +172 -0
  61. package/dist/palettes/palette-ocean.1.5.1.min.css +1 -0
  62. package/dist/palettes/palette-ocean.1.5.2.css +172 -0
  63. package/dist/palettes/palette-ocean.1.5.2.min.css +1 -0
  64. package/dist/palettes/palette-ocean.1.5.3.css +172 -0
  65. package/dist/palettes/palette-ocean.1.5.3.min.css +1 -0
  66. package/dist/palettes/palette-ocean.1.5.4.css +172 -0
  67. package/dist/palettes/palette-ocean.1.5.4.min.css +1 -0
  68. package/dist/palettes/palette-ocean.1.5.5.css +172 -0
  69. package/dist/palettes/palette-ocean.1.5.5.min.css +1 -0
  70. package/dist/palettes/palette-ocean.1.5.7.css +172 -0
  71. package/dist/palettes/palette-ocean.1.5.7.min.css +1 -0
  72. package/dist/palettes/palette-spring.1.4.9.css +160 -0
  73. package/dist/palettes/palette-spring.1.4.9.min.css +1 -0
  74. package/dist/palettes/palette-spring.1.5.0.css +160 -0
  75. package/dist/palettes/palette-spring.1.5.0.min.css +1 -0
  76. package/dist/palettes/palette-spring.1.5.1.css +160 -0
  77. package/dist/palettes/palette-spring.1.5.1.min.css +1 -0
  78. package/dist/palettes/palette-spring.1.5.2.css +160 -0
  79. package/dist/palettes/palette-spring.1.5.2.min.css +1 -0
  80. package/dist/palettes/palette-spring.1.5.3.css +166 -0
  81. package/dist/palettes/palette-spring.1.5.3.min.css +1 -0
  82. package/dist/palettes/palette-spring.1.5.4.css +166 -0
  83. package/dist/palettes/palette-spring.1.5.4.min.css +1 -0
  84. package/dist/palettes/palette-spring.1.5.5.css +166 -0
  85. package/dist/palettes/palette-spring.1.5.5.min.css +1 -0
  86. package/dist/palettes/palette-spring.1.5.7.css +166 -0
  87. package/dist/palettes/palette-spring.1.5.7.min.css +1 -0
  88. package/dist/palettes/palette-winter.1.4.9.css +172 -0
  89. package/dist/palettes/palette-winter.1.4.9.min.css +1 -0
  90. package/dist/palettes/palette-winter.1.5.0.css +172 -0
  91. package/dist/palettes/palette-winter.1.5.0.min.css +1 -0
  92. package/dist/palettes/palette-winter.1.5.1.css +172 -0
  93. package/dist/palettes/palette-winter.1.5.1.min.css +1 -0
  94. package/dist/palettes/palette-winter.1.5.2.css +172 -0
  95. package/dist/palettes/palette-winter.1.5.2.min.css +1 -0
  96. package/dist/palettes/palette-winter.1.5.3.css +172 -0
  97. package/dist/palettes/palette-winter.1.5.3.min.css +1 -0
  98. package/dist/palettes/palette-winter.1.5.4.css +172 -0
  99. package/dist/palettes/palette-winter.1.5.4.min.css +1 -0
  100. package/dist/palettes/palette-winter.1.5.5.css +172 -0
  101. package/dist/palettes/palette-winter.1.5.5.min.css +1 -0
  102. package/dist/palettes/palette-winter.1.5.7.css +172 -0
  103. package/dist/palettes/palette-winter.1.5.7.min.css +1 -0
  104. package/dist/utils/iconMap.d.ts +21 -8
  105. package/dist/utils/iconMap.d.ts.map +1 -1
  106. package/package.json +1 -1
  107. package/src/__tests__/utils/iconMap.test.tsx +197 -0
  108. package/src/components/QwickApp.tsx +8 -1
  109. package/src/contexts/NavigationContext.tsx +21 -15
  110. package/src/utils/iconMap.tsx +209 -153
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "$schema": "./manifest.schema.json",
3
- "version": "1.5.6",
3
+ "version": "1.5.7",
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.6",
12
- "file": "palette-default.1.5.6.css",
11
+ "version": "1.5.7",
12
+ "file": "palette-default.1.5.7.css",
13
13
  "primaryColor": "#007bff",
14
14
  "inlined": true,
15
- "fileMinified": "palette-default.1.5.6.min.css",
15
+ "fileMinified": "palette-default.1.5.7.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.6",
26
- "file": "palette-autumn.1.5.6.css",
25
+ "version": "1.5.7",
26
+ "file": "palette-autumn.1.5.7.css",
27
27
  "primaryColor": "#ea580c",
28
28
  "inlined": false,
29
- "fileMinified": "palette-autumn.1.5.6.min.css",
29
+ "fileMinified": "palette-autumn.1.5.7.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.6",
40
- "file": "palette-cosmic.1.5.6.css",
39
+ "version": "1.5.7",
40
+ "file": "palette-cosmic.1.5.7.css",
41
41
  "primaryColor": "#8b5cf6",
42
42
  "inlined": false,
43
- "fileMinified": "palette-cosmic.1.5.6.min.css",
43
+ "fileMinified": "palette-cosmic.1.5.7.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.6",
54
- "file": "palette-ocean.1.5.6.css",
53
+ "version": "1.5.7",
54
+ "file": "palette-ocean.1.5.7.css",
55
55
  "primaryColor": "#0891b2",
56
56
  "inlined": false,
57
- "fileMinified": "palette-ocean.1.5.6.min.css",
57
+ "fileMinified": "palette-ocean.1.5.7.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.6",
68
- "file": "palette-spring.1.5.6.css",
67
+ "version": "1.5.7",
68
+ "file": "palette-spring.1.5.7.css",
69
69
  "primaryColor": "#16a34a",
70
70
  "inlined": false,
71
- "fileMinified": "palette-spring.1.5.6.min.css",
71
+ "fileMinified": "palette-spring.1.5.7.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.6",
82
- "file": "palette-winter.1.5.6.css",
81
+ "version": "1.5.7",
82
+ "file": "palette-winter.1.5.7.css",
83
83
  "primaryColor": "#0077be",
84
84
  "inlined": false,
85
- "fileMinified": "palette-winter.1.5.6.min.css",
85
+ "fileMinified": "palette-winter.1.5.7.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}
@@ -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}