@qwickapps/react-framework 1.5.5 → 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 (125) hide show
  1. package/dist/components/QwickApp.d.ts.map +1 -1
  2. package/dist/components/ResponsiveMenu.d.ts.map +1 -1
  3. package/dist/components/Scaffold.d.ts.map +1 -1
  4. package/dist/components/index.d.ts +1 -0
  5. package/dist/components/index.d.ts.map +1 -1
  6. package/dist/contexts/NavigationContext.d.ts +64 -0
  7. package/dist/contexts/NavigationContext.d.ts.map +1 -0
  8. package/dist/contexts/index.d.ts +2 -0
  9. package/dist/contexts/index.d.ts.map +1 -1
  10. package/dist/hooks/useBaseProps.d.ts +12 -1161
  11. package/dist/hooks/useBaseProps.d.ts.map +1 -1
  12. package/dist/index.esm.js +514 -272
  13. package/dist/index.js +514 -272
  14. package/dist/palettes/manifest.json +19 -19
  15. package/dist/palettes/palette-autumn.1.4.9.css +172 -0
  16. package/dist/palettes/palette-autumn.1.4.9.min.css +1 -0
  17. package/dist/palettes/palette-autumn.1.5.0.css +172 -0
  18. package/dist/palettes/palette-autumn.1.5.0.min.css +1 -0
  19. package/dist/palettes/palette-autumn.1.5.1.css +172 -0
  20. package/dist/palettes/palette-autumn.1.5.1.min.css +1 -0
  21. package/dist/palettes/palette-autumn.1.5.2.css +172 -0
  22. package/dist/palettes/palette-autumn.1.5.2.min.css +1 -0
  23. package/dist/palettes/palette-autumn.1.5.3.css +172 -0
  24. package/dist/palettes/palette-autumn.1.5.3.min.css +1 -0
  25. package/dist/palettes/palette-autumn.1.5.4.css +172 -0
  26. package/dist/palettes/palette-autumn.1.5.4.min.css +1 -0
  27. package/dist/palettes/palette-autumn.1.5.6.css +172 -0
  28. package/dist/palettes/palette-autumn.1.5.6.min.css +1 -0
  29. package/dist/palettes/palette-autumn.1.5.7.css +172 -0
  30. package/dist/palettes/palette-autumn.1.5.7.min.css +1 -0
  31. package/dist/palettes/palette-cosmic.1.4.9.css +172 -0
  32. package/dist/palettes/palette-cosmic.1.4.9.min.css +1 -0
  33. package/dist/palettes/palette-cosmic.1.5.0.css +172 -0
  34. package/dist/palettes/palette-cosmic.1.5.0.min.css +1 -0
  35. package/dist/palettes/palette-cosmic.1.5.1.css +172 -0
  36. package/dist/palettes/palette-cosmic.1.5.1.min.css +1 -0
  37. package/dist/palettes/palette-cosmic.1.5.2.css +172 -0
  38. package/dist/palettes/palette-cosmic.1.5.2.min.css +1 -0
  39. package/dist/palettes/palette-cosmic.1.5.3.css +172 -0
  40. package/dist/palettes/palette-cosmic.1.5.3.min.css +1 -0
  41. package/dist/palettes/palette-cosmic.1.5.4.css +172 -0
  42. package/dist/palettes/palette-cosmic.1.5.4.min.css +1 -0
  43. package/dist/palettes/palette-cosmic.1.5.6.css +172 -0
  44. package/dist/palettes/palette-cosmic.1.5.6.min.css +1 -0
  45. package/dist/palettes/palette-cosmic.1.5.7.css +172 -0
  46. package/dist/palettes/palette-cosmic.1.5.7.min.css +1 -0
  47. package/dist/palettes/palette-default.1.4.9.css +178 -0
  48. package/dist/palettes/palette-default.1.4.9.min.css +1 -0
  49. package/dist/palettes/palette-default.1.5.0.css +178 -0
  50. package/dist/palettes/palette-default.1.5.0.min.css +1 -0
  51. package/dist/palettes/palette-default.1.5.1.css +178 -0
  52. package/dist/palettes/palette-default.1.5.1.min.css +1 -0
  53. package/dist/palettes/palette-default.1.5.2.css +178 -0
  54. package/dist/palettes/palette-default.1.5.2.min.css +1 -0
  55. package/dist/palettes/palette-default.1.5.3.css +178 -0
  56. package/dist/palettes/palette-default.1.5.3.min.css +1 -0
  57. package/dist/palettes/palette-default.1.5.4.css +178 -0
  58. package/dist/palettes/palette-default.1.5.4.min.css +1 -0
  59. package/dist/palettes/palette-default.1.5.6.css +178 -0
  60. package/dist/palettes/palette-default.1.5.6.min.css +1 -0
  61. package/dist/palettes/palette-default.1.5.7.css +178 -0
  62. package/dist/palettes/palette-default.1.5.7.min.css +1 -0
  63. package/dist/palettes/palette-ocean.1.4.9.css +172 -0
  64. package/dist/palettes/palette-ocean.1.4.9.min.css +1 -0
  65. package/dist/palettes/palette-ocean.1.5.0.css +172 -0
  66. package/dist/palettes/palette-ocean.1.5.0.min.css +1 -0
  67. package/dist/palettes/palette-ocean.1.5.1.css +172 -0
  68. package/dist/palettes/palette-ocean.1.5.1.min.css +1 -0
  69. package/dist/palettes/palette-ocean.1.5.2.css +172 -0
  70. package/dist/palettes/palette-ocean.1.5.2.min.css +1 -0
  71. package/dist/palettes/palette-ocean.1.5.3.css +172 -0
  72. package/dist/palettes/palette-ocean.1.5.3.min.css +1 -0
  73. package/dist/palettes/palette-ocean.1.5.4.css +172 -0
  74. package/dist/palettes/palette-ocean.1.5.4.min.css +1 -0
  75. package/dist/palettes/palette-ocean.1.5.6.css +172 -0
  76. package/dist/palettes/palette-ocean.1.5.6.min.css +1 -0
  77. package/dist/palettes/palette-ocean.1.5.7.css +172 -0
  78. package/dist/palettes/palette-ocean.1.5.7.min.css +1 -0
  79. package/dist/palettes/palette-spring.1.4.9.css +160 -0
  80. package/dist/palettes/palette-spring.1.4.9.min.css +1 -0
  81. package/dist/palettes/palette-spring.1.5.0.css +160 -0
  82. package/dist/palettes/palette-spring.1.5.0.min.css +1 -0
  83. package/dist/palettes/palette-spring.1.5.1.css +160 -0
  84. package/dist/palettes/palette-spring.1.5.1.min.css +1 -0
  85. package/dist/palettes/palette-spring.1.5.2.css +160 -0
  86. package/dist/palettes/palette-spring.1.5.2.min.css +1 -0
  87. package/dist/palettes/palette-spring.1.5.3.css +166 -0
  88. package/dist/palettes/palette-spring.1.5.3.min.css +1 -0
  89. package/dist/palettes/palette-spring.1.5.4.css +166 -0
  90. package/dist/palettes/palette-spring.1.5.4.min.css +1 -0
  91. package/dist/palettes/palette-spring.1.5.6.css +166 -0
  92. package/dist/palettes/palette-spring.1.5.6.min.css +1 -0
  93. package/dist/palettes/palette-spring.1.5.7.css +166 -0
  94. package/dist/palettes/palette-spring.1.5.7.min.css +1 -0
  95. package/dist/palettes/palette-winter.1.4.9.css +172 -0
  96. package/dist/palettes/palette-winter.1.4.9.min.css +1 -0
  97. package/dist/palettes/palette-winter.1.5.0.css +172 -0
  98. package/dist/palettes/palette-winter.1.5.0.min.css +1 -0
  99. package/dist/palettes/palette-winter.1.5.1.css +172 -0
  100. package/dist/palettes/palette-winter.1.5.1.min.css +1 -0
  101. package/dist/palettes/palette-winter.1.5.2.css +172 -0
  102. package/dist/palettes/palette-winter.1.5.2.min.css +1 -0
  103. package/dist/palettes/palette-winter.1.5.3.css +172 -0
  104. package/dist/palettes/palette-winter.1.5.3.min.css +1 -0
  105. package/dist/palettes/palette-winter.1.5.4.css +172 -0
  106. package/dist/palettes/palette-winter.1.5.4.min.css +1 -0
  107. package/dist/palettes/palette-winter.1.5.6.css +172 -0
  108. package/dist/palettes/palette-winter.1.5.6.min.css +1 -0
  109. package/dist/palettes/palette-winter.1.5.7.css +172 -0
  110. package/dist/palettes/palette-winter.1.5.7.min.css +1 -0
  111. package/dist/utils/iconMap.d.ts +21 -8
  112. package/dist/utils/iconMap.d.ts.map +1 -1
  113. package/dist/utils/reactUtils.d.ts +0 -23
  114. package/dist/utils/reactUtils.d.ts.map +1 -1
  115. package/package.json +1 -1
  116. package/src/__tests__/utils/iconMap.test.tsx +197 -0
  117. package/src/components/QwickApp.tsx +24 -15
  118. package/src/components/ResponsiveMenu.tsx +3 -4
  119. package/src/components/Scaffold.tsx +3 -4
  120. package/src/components/index.ts +1 -0
  121. package/src/components/pages/Page.tsx +2 -2
  122. package/src/contexts/NavigationContext.tsx +168 -0
  123. package/src/contexts/index.ts +2 -0
  124. package/src/utils/iconMap.tsx +209 -151
  125. package/src/utils/reactUtils.tsx +2 -47
@@ -0,0 +1 @@
1
+ html[data-palette="spring"]:not([data-theme="dark"]),html[data-palette="spring"][data-theme="light"]{--palette-primary-main:#16a34a;--palette-primary-light:#4ade80;--palette-primary-dark:#15803d;--palette-on-primary:#ffffff;--palette-secondary-main:#ec4899;--palette-secondary-light:#f472b6;--palette-secondary-dark:#be185d;--palette-on-secondary:#ffffff;--palette-surface-main:#f7fee7;--palette-surface-variant:#d9f7be;--palette-surface-elevated:#ffffff;--palette-on-surface:#14532d;--palette-background-main:#f0fdf4;--palette-background-dark:#dcfce7;--palette-background-overlay:rgba(240,253,244,0.95);--palette-on-background:#166534;--palette-text-primary:#14532d;--palette-text-secondary:#166534;--palette-text-disabled:rgba(20,83,45,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#bbf7d0;--palette-border-light:rgba(20,83,45,0.12);--palette-border-lighter:rgba(20,83,45,0.05);--palette-border-medium:#86efac;--palette-success-main:#22c55e;--palette-success-light:#dcfce7;--palette-success-dark:#15803d;--palette-success-border:#bbf7d0;--palette-error-main:#f43f5e;--palette-error-light:#ffe4e6;--palette-error-dark:#881337;--palette-error-border:#fecdd3;--palette-warning-main:#eab308;--palette-warning-light:#fefce8;--palette-warning-dark:#713f12;--palette-warning-border:#fef08a;--palette-info-main:#0ea5e9;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#14532d;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#365314;--palette-control-light:#4d7c0f;--palette-control-text:#ecfdf5;--palette-control-border:#65a30d}html[data-palette="spring"][data-theme="dark"]{--palette-primary-main:#4ade80;--palette-primary-light:#86efac;--palette-primary-dark:#16a34a;--palette-on-primary:#0f1f0f;--palette-secondary-main:#f472b6;--palette-secondary-light:#f9a8d4;--palette-secondary-dark:#ec4899;--palette-on-secondary:#0f1f0f;--palette-surface-main:#162816;--palette-surface-variant:#1f351f;--palette-surface-elevated:#2d4a2d;--palette-on-surface:#dcfce7;--palette-background-main:#060b06;--palette-background-dark:#0c140c;--palette-background-overlay:rgba(6,11,6,0.95);--palette-on-background:#bbf7d0;--palette-header-bg-start:rgba(6,11,6,0.98);--palette-header-bg-end:rgba(6,11,6,0.95);--palette-header-collapsed-bg-start:rgba(6,11,6,0.99);--palette-header-collapsed-bg-end:rgba(6,11,6,0.96);--palette-text-primary:#dcfce7;--palette-text-secondary:#bbf7d0;--palette-text-disabled:rgba(220,252,231,0.38);--palette-text-inverted:#0a120a;--palette-border-main:#166534;--palette-border-light:rgba(220,252,231,0.12);--palette-border-lighter:rgba(220,252,231,0.05);--palette-border-medium:#14532d;--palette-success-main:#22c55e;--palette-success-light:#14532d;--palette-success-dark:#4ade80;--palette-success-border:#166534;--palette-error-main:#f472b6;--palette-error-light:#881337;--palette-error-dark:#ec4899;--palette-error-border:#be185d;--palette-warning-main:#facc15;--palette-warning-light:#713f12;--palette-warning-dark:#eab308;--palette-warning-border:#a16207;--palette-info-main:#06b6d4;--palette-info-light:#164e63;--palette-info-dark:#22d3ee;--palette-on-info:#0a120a;--palette-info-border:#0891b2;--palette-accent-main:#f472b6;--palette-accent-light:#fce7f3;--palette-accent-dark:#db2777;--palette-on-accent:#dcfce7;--palette-control-main:#1a2e1a;--palette-control-light:#2d4a2d;--palette-control-text:#dcfce7;--palette-control-border:#166534}
@@ -0,0 +1,166 @@
1
+ /**
2
+ * Spring Color Palette
3
+ *
4
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
5
+ *
6
+ * Fresh greens, soft pinks, and bright yellows - inspired by spring blooms
7
+ */
8
+
9
+ /* ===== SPRING PALETTE - LIGHT THEME ===== */
10
+ html[data-palette="spring"]:not([data-theme="dark"]),
11
+ html[data-palette="spring"][data-theme="light"] {
12
+ /* Primary palette - Fresh green */
13
+ --palette-primary-main: #16a34a;
14
+ --palette-primary-light: #4ade80;
15
+ --palette-primary-dark: #15803d;
16
+ --palette-on-primary: #ffffff;
17
+
18
+ /* Secondary palette - Blossom pink */
19
+ --palette-secondary-main: #ec4899;
20
+ --palette-secondary-light: #f472b6;
21
+ --palette-secondary-dark: #be185d;
22
+ --palette-on-secondary: #ffffff;
23
+
24
+ /* Surface palette - Soft white */
25
+ --palette-surface-main: #f7fee7;
26
+ --palette-surface-variant: #d9f7be; /* Improved contrast with subtle green tint */
27
+ --palette-surface-elevated: #ffffff;
28
+ --palette-on-surface: #14532d;
29
+
30
+ /* Background palette - Morning dew */
31
+ --palette-background-main: #f0fdf4;
32
+ --palette-background-dark: #dcfce7;
33
+ --palette-background-overlay: rgba(240, 253, 244, 0.95);
34
+ --palette-on-background: #166534;
35
+
36
+ /* Text palette - Deep forest */
37
+ --palette-text-primary: #14532d;
38
+ --palette-text-secondary: #166534;
39
+ --palette-text-disabled: rgba(20, 83, 45, 0.38);
40
+ --palette-text-inverted: #ffffff;
41
+
42
+ /* Border palette - Sage */
43
+ --palette-border-main: #bbf7d0;
44
+ --palette-border-light: rgba(20, 83, 45, 0.12);
45
+ --palette-border-lighter: rgba(20, 83, 45, 0.05);
46
+ --palette-border-medium: #86efac;
47
+
48
+ /* Success palette - Vibrant green */
49
+ --palette-success-main: #22c55e;
50
+ --palette-success-light: #dcfce7;
51
+ --palette-success-dark: #15803d;
52
+ --palette-success-border: #bbf7d0;
53
+
54
+ /* Error palette - Cherry blossom */
55
+ --palette-error-main: #f43f5e;
56
+ --palette-error-light: #ffe4e6;
57
+ --palette-error-dark: #881337;
58
+ --palette-error-border: #fecdd3;
59
+
60
+ /* Warning palette - Daffodil */
61
+ --palette-warning-main: #eab308;
62
+ --palette-warning-light: #fefce8;
63
+ --palette-warning-dark: #713f12;
64
+ --palette-warning-border: #fef08a;
65
+
66
+ /* Info palette - Sky blue */
67
+ --palette-info-main: #0ea5e9;
68
+ --palette-info-light: #e0f2fe;
69
+ --palette-info-dark: #0c4a6e;
70
+ --palette-on-info: #14532d;
71
+ --palette-info-border: #7dd3fc;
72
+
73
+ /* Accent palette - Cherry blossom */
74
+ --palette-accent-main: #ec4899;
75
+ --palette-accent-light: #fce7f3;
76
+ --palette-accent-dark: #be185d;
77
+ --palette-on-accent: #ffffff;
78
+
79
+ /* Control palette - Rich earth */
80
+ --palette-control-main: #365314;
81
+ --palette-control-light: #4d7c0f;
82
+ --palette-control-text: #ecfdf5;
83
+ --palette-control-border: #65a30d;
84
+ }
85
+
86
+ /* ===== SPRING PALETTE - DARK THEME ===== */
87
+ html[data-palette="spring"][data-theme="dark"] {
88
+ /* Primary palette - Neon leaf */
89
+ --palette-primary-main: #4ade80;
90
+ --palette-primary-light: #86efac;
91
+ --palette-primary-dark: #16a34a;
92
+ --palette-on-primary: #0f1f0f;
93
+
94
+ /* Secondary palette - Neon bloom */
95
+ --palette-secondary-main: #f472b6;
96
+ --palette-secondary-light: #f9a8d4;
97
+ --palette-secondary-dark: #ec4899;
98
+ --palette-on-secondary: #0f1f0f;
99
+
100
+ /* Surface palette - Dark moss */
101
+ --palette-surface-main: #162816;
102
+ --palette-surface-variant: #1f351f;
103
+ --palette-surface-elevated: #2d4a2d;
104
+ --palette-on-surface: #dcfce7;
105
+
106
+ /* Background palette - Deep forest */
107
+ --palette-background-main: #060b06;
108
+ --palette-background-dark: #0c140c;
109
+ --palette-background-overlay: rgba(6, 11, 6, 0.95);
110
+ --palette-on-background: #bbf7d0;
111
+
112
+ /* Header background with transparency */
113
+ --palette-header-bg-start: rgba(6, 11, 6, 0.98);
114
+ --palette-header-bg-end: rgba(6, 11, 6, 0.95);
115
+ --palette-header-collapsed-bg-start: rgba(6, 11, 6, 0.99);
116
+ --palette-header-collapsed-bg-end: rgba(6, 11, 6, 0.96);
117
+
118
+ /* Text palette - Moonlit green */
119
+ --palette-text-primary: #dcfce7;
120
+ --palette-text-secondary: #bbf7d0;
121
+ --palette-text-disabled: rgba(220, 252, 231, 0.38);
122
+ --palette-text-inverted: #0a120a;
123
+
124
+ /* Border palette - Night vine */
125
+ --palette-border-main: #166534;
126
+ --palette-border-light: rgba(220, 252, 231, 0.12);
127
+ --palette-border-lighter: rgba(220, 252, 231, 0.05);
128
+ --palette-border-medium: #14532d;
129
+
130
+ /* Success palette - Electric green */
131
+ --palette-success-main: #22c55e;
132
+ --palette-success-light: #14532d;
133
+ --palette-success-dark: #4ade80;
134
+ --palette-success-border: #166534;
135
+
136
+ /* Error palette - Neon pink */
137
+ --palette-error-main: #f472b6;
138
+ --palette-error-light: #881337;
139
+ --palette-error-dark: #ec4899;
140
+ --palette-error-border: #be185d;
141
+
142
+ /* Warning palette - Electric yellow */
143
+ --palette-warning-main: #facc15;
144
+ --palette-warning-light: #713f12;
145
+ --palette-warning-dark: #eab308;
146
+ --palette-warning-border: #a16207;
147
+
148
+ /* Info palette - Electric cyan */
149
+ --palette-info-main: #06b6d4;
150
+ --palette-info-light: #164e63;
151
+ --palette-info-dark: #22d3ee;
152
+ --palette-on-info: #0a120a;
153
+ --palette-info-border: #0891b2;
154
+
155
+ /* Accent palette - Electric bloom */
156
+ --palette-accent-main: #f472b6;
157
+ --palette-accent-light: #fce7f3;
158
+ --palette-accent-dark: #db2777;
159
+ --palette-on-accent: #dcfce7;
160
+
161
+ /* Control palette - Deep forest */
162
+ --palette-control-main: #1a2e1a;
163
+ --palette-control-light: #2d4a2d;
164
+ --palette-control-text: #dcfce7;
165
+ --palette-control-border: #166534;
166
+ }
@@ -0,0 +1 @@
1
+ html[data-palette="spring"]:not([data-theme="dark"]),html[data-palette="spring"][data-theme="light"]{--palette-primary-main:#16a34a;--palette-primary-light:#4ade80;--palette-primary-dark:#15803d;--palette-on-primary:#ffffff;--palette-secondary-main:#ec4899;--palette-secondary-light:#f472b6;--palette-secondary-dark:#be185d;--palette-on-secondary:#ffffff;--palette-surface-main:#f7fee7;--palette-surface-variant:#d9f7be;--palette-surface-elevated:#ffffff;--palette-on-surface:#14532d;--palette-background-main:#f0fdf4;--palette-background-dark:#dcfce7;--palette-background-overlay:rgba(240,253,244,0.95);--palette-on-background:#166534;--palette-text-primary:#14532d;--palette-text-secondary:#166534;--palette-text-disabled:rgba(20,83,45,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#bbf7d0;--palette-border-light:rgba(20,83,45,0.12);--palette-border-lighter:rgba(20,83,45,0.05);--palette-border-medium:#86efac;--palette-success-main:#22c55e;--palette-success-light:#dcfce7;--palette-success-dark:#15803d;--palette-success-border:#bbf7d0;--palette-error-main:#f43f5e;--palette-error-light:#ffe4e6;--palette-error-dark:#881337;--palette-error-border:#fecdd3;--palette-warning-main:#eab308;--palette-warning-light:#fefce8;--palette-warning-dark:#713f12;--palette-warning-border:#fef08a;--palette-info-main:#0ea5e9;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#14532d;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#365314;--palette-control-light:#4d7c0f;--palette-control-text:#ecfdf5;--palette-control-border:#65a30d}html[data-palette="spring"][data-theme="dark"]{--palette-primary-main:#4ade80;--palette-primary-light:#86efac;--palette-primary-dark:#16a34a;--palette-on-primary:#0f1f0f;--palette-secondary-main:#f472b6;--palette-secondary-light:#f9a8d4;--palette-secondary-dark:#ec4899;--palette-on-secondary:#0f1f0f;--palette-surface-main:#162816;--palette-surface-variant:#1f351f;--palette-surface-elevated:#2d4a2d;--palette-on-surface:#dcfce7;--palette-background-main:#060b06;--palette-background-dark:#0c140c;--palette-background-overlay:rgba(6,11,6,0.95);--palette-on-background:#bbf7d0;--palette-header-bg-start:rgba(6,11,6,0.98);--palette-header-bg-end:rgba(6,11,6,0.95);--palette-header-collapsed-bg-start:rgba(6,11,6,0.99);--palette-header-collapsed-bg-end:rgba(6,11,6,0.96);--palette-text-primary:#dcfce7;--palette-text-secondary:#bbf7d0;--palette-text-disabled:rgba(220,252,231,0.38);--palette-text-inverted:#0a120a;--palette-border-main:#166534;--palette-border-light:rgba(220,252,231,0.12);--palette-border-lighter:rgba(220,252,231,0.05);--palette-border-medium:#14532d;--palette-success-main:#22c55e;--palette-success-light:#14532d;--palette-success-dark:#4ade80;--palette-success-border:#166534;--palette-error-main:#f472b6;--palette-error-light:#881337;--palette-error-dark:#ec4899;--palette-error-border:#be185d;--palette-warning-main:#facc15;--palette-warning-light:#713f12;--palette-warning-dark:#eab308;--palette-warning-border:#a16207;--palette-info-main:#06b6d4;--palette-info-light:#164e63;--palette-info-dark:#22d3ee;--palette-on-info:#0a120a;--palette-info-border:#0891b2;--palette-accent-main:#f472b6;--palette-accent-light:#fce7f3;--palette-accent-dark:#db2777;--palette-on-accent:#dcfce7;--palette-control-main:#1a2e1a;--palette-control-light:#2d4a2d;--palette-control-text:#dcfce7;--palette-control-border:#166534}
@@ -0,0 +1,166 @@
1
+ /**
2
+ * Spring Color Palette
3
+ *
4
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
5
+ *
6
+ * Fresh greens, soft pinks, and bright yellows - inspired by spring blooms
7
+ */
8
+
9
+ /* ===== SPRING PALETTE - LIGHT THEME ===== */
10
+ html[data-palette="spring"]:not([data-theme="dark"]),
11
+ html[data-palette="spring"][data-theme="light"] {
12
+ /* Primary palette - Fresh green */
13
+ --palette-primary-main: #16a34a;
14
+ --palette-primary-light: #4ade80;
15
+ --palette-primary-dark: #15803d;
16
+ --palette-on-primary: #ffffff;
17
+
18
+ /* Secondary palette - Blossom pink */
19
+ --palette-secondary-main: #ec4899;
20
+ --palette-secondary-light: #f472b6;
21
+ --palette-secondary-dark: #be185d;
22
+ --palette-on-secondary: #ffffff;
23
+
24
+ /* Surface palette - Soft white */
25
+ --palette-surface-main: #f7fee7;
26
+ --palette-surface-variant: #d9f7be; /* Improved contrast with subtle green tint */
27
+ --palette-surface-elevated: #ffffff;
28
+ --palette-on-surface: #14532d;
29
+
30
+ /* Background palette - Morning dew */
31
+ --palette-background-main: #f0fdf4;
32
+ --palette-background-dark: #dcfce7;
33
+ --palette-background-overlay: rgba(240, 253, 244, 0.95);
34
+ --palette-on-background: #166534;
35
+
36
+ /* Text palette - Deep forest */
37
+ --palette-text-primary: #14532d;
38
+ --palette-text-secondary: #166534;
39
+ --palette-text-disabled: rgba(20, 83, 45, 0.38);
40
+ --palette-text-inverted: #ffffff;
41
+
42
+ /* Border palette - Sage */
43
+ --palette-border-main: #bbf7d0;
44
+ --palette-border-light: rgba(20, 83, 45, 0.12);
45
+ --palette-border-lighter: rgba(20, 83, 45, 0.05);
46
+ --palette-border-medium: #86efac;
47
+
48
+ /* Success palette - Vibrant green */
49
+ --palette-success-main: #22c55e;
50
+ --palette-success-light: #dcfce7;
51
+ --palette-success-dark: #15803d;
52
+ --palette-success-border: #bbf7d0;
53
+
54
+ /* Error palette - Cherry blossom */
55
+ --palette-error-main: #f43f5e;
56
+ --palette-error-light: #ffe4e6;
57
+ --palette-error-dark: #881337;
58
+ --palette-error-border: #fecdd3;
59
+
60
+ /* Warning palette - Daffodil */
61
+ --palette-warning-main: #eab308;
62
+ --palette-warning-light: #fefce8;
63
+ --palette-warning-dark: #713f12;
64
+ --palette-warning-border: #fef08a;
65
+
66
+ /* Info palette - Sky blue */
67
+ --palette-info-main: #0ea5e9;
68
+ --palette-info-light: #e0f2fe;
69
+ --palette-info-dark: #0c4a6e;
70
+ --palette-on-info: #14532d;
71
+ --palette-info-border: #7dd3fc;
72
+
73
+ /* Accent palette - Cherry blossom */
74
+ --palette-accent-main: #ec4899;
75
+ --palette-accent-light: #fce7f3;
76
+ --palette-accent-dark: #be185d;
77
+ --palette-on-accent: #ffffff;
78
+
79
+ /* Control palette - Rich earth */
80
+ --palette-control-main: #365314;
81
+ --palette-control-light: #4d7c0f;
82
+ --palette-control-text: #ecfdf5;
83
+ --palette-control-border: #65a30d;
84
+ }
85
+
86
+ /* ===== SPRING PALETTE - DARK THEME ===== */
87
+ html[data-palette="spring"][data-theme="dark"] {
88
+ /* Primary palette - Neon leaf */
89
+ --palette-primary-main: #4ade80;
90
+ --palette-primary-light: #86efac;
91
+ --palette-primary-dark: #16a34a;
92
+ --palette-on-primary: #0f1f0f;
93
+
94
+ /* Secondary palette - Neon bloom */
95
+ --palette-secondary-main: #f472b6;
96
+ --palette-secondary-light: #f9a8d4;
97
+ --palette-secondary-dark: #ec4899;
98
+ --palette-on-secondary: #0f1f0f;
99
+
100
+ /* Surface palette - Dark moss */
101
+ --palette-surface-main: #162816;
102
+ --palette-surface-variant: #1f351f;
103
+ --palette-surface-elevated: #2d4a2d;
104
+ --palette-on-surface: #dcfce7;
105
+
106
+ /* Background palette - Deep forest */
107
+ --palette-background-main: #060b06;
108
+ --palette-background-dark: #0c140c;
109
+ --palette-background-overlay: rgba(6, 11, 6, 0.95);
110
+ --palette-on-background: #bbf7d0;
111
+
112
+ /* Header background with transparency */
113
+ --palette-header-bg-start: rgba(6, 11, 6, 0.98);
114
+ --palette-header-bg-end: rgba(6, 11, 6, 0.95);
115
+ --palette-header-collapsed-bg-start: rgba(6, 11, 6, 0.99);
116
+ --palette-header-collapsed-bg-end: rgba(6, 11, 6, 0.96);
117
+
118
+ /* Text palette - Moonlit green */
119
+ --palette-text-primary: #dcfce7;
120
+ --palette-text-secondary: #bbf7d0;
121
+ --palette-text-disabled: rgba(220, 252, 231, 0.38);
122
+ --palette-text-inverted: #0a120a;
123
+
124
+ /* Border palette - Night vine */
125
+ --palette-border-main: #166534;
126
+ --palette-border-light: rgba(220, 252, 231, 0.12);
127
+ --palette-border-lighter: rgba(220, 252, 231, 0.05);
128
+ --palette-border-medium: #14532d;
129
+
130
+ /* Success palette - Electric green */
131
+ --palette-success-main: #22c55e;
132
+ --palette-success-light: #14532d;
133
+ --palette-success-dark: #4ade80;
134
+ --palette-success-border: #166534;
135
+
136
+ /* Error palette - Neon pink */
137
+ --palette-error-main: #f472b6;
138
+ --palette-error-light: #881337;
139
+ --palette-error-dark: #ec4899;
140
+ --palette-error-border: #be185d;
141
+
142
+ /* Warning palette - Electric yellow */
143
+ --palette-warning-main: #facc15;
144
+ --palette-warning-light: #713f12;
145
+ --palette-warning-dark: #eab308;
146
+ --palette-warning-border: #a16207;
147
+
148
+ /* Info palette - Electric cyan */
149
+ --palette-info-main: #06b6d4;
150
+ --palette-info-light: #164e63;
151
+ --palette-info-dark: #22d3ee;
152
+ --palette-on-info: #0a120a;
153
+ --palette-info-border: #0891b2;
154
+
155
+ /* Accent palette - Electric bloom */
156
+ --palette-accent-main: #f472b6;
157
+ --palette-accent-light: #fce7f3;
158
+ --palette-accent-dark: #db2777;
159
+ --palette-on-accent: #dcfce7;
160
+
161
+ /* Control palette - Deep forest */
162
+ --palette-control-main: #1a2e1a;
163
+ --palette-control-light: #2d4a2d;
164
+ --palette-control-text: #dcfce7;
165
+ --palette-control-border: #166534;
166
+ }
@@ -0,0 +1 @@
1
+ html[data-palette="spring"]:not([data-theme="dark"]),html[data-palette="spring"][data-theme="light"]{--palette-primary-main:#16a34a;--palette-primary-light:#4ade80;--palette-primary-dark:#15803d;--palette-on-primary:#ffffff;--palette-secondary-main:#ec4899;--palette-secondary-light:#f472b6;--palette-secondary-dark:#be185d;--palette-on-secondary:#ffffff;--palette-surface-main:#f7fee7;--palette-surface-variant:#d9f7be;--palette-surface-elevated:#ffffff;--palette-on-surface:#14532d;--palette-background-main:#f0fdf4;--palette-background-dark:#dcfce7;--palette-background-overlay:rgba(240,253,244,0.95);--palette-on-background:#166534;--palette-text-primary:#14532d;--palette-text-secondary:#166534;--palette-text-disabled:rgba(20,83,45,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#bbf7d0;--palette-border-light:rgba(20,83,45,0.12);--palette-border-lighter:rgba(20,83,45,0.05);--palette-border-medium:#86efac;--palette-success-main:#22c55e;--palette-success-light:#dcfce7;--palette-success-dark:#15803d;--palette-success-border:#bbf7d0;--palette-error-main:#f43f5e;--palette-error-light:#ffe4e6;--palette-error-dark:#881337;--palette-error-border:#fecdd3;--palette-warning-main:#eab308;--palette-warning-light:#fefce8;--palette-warning-dark:#713f12;--palette-warning-border:#fef08a;--palette-info-main:#0ea5e9;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#14532d;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#365314;--palette-control-light:#4d7c0f;--palette-control-text:#ecfdf5;--palette-control-border:#65a30d}html[data-palette="spring"][data-theme="dark"]{--palette-primary-main:#4ade80;--palette-primary-light:#86efac;--palette-primary-dark:#16a34a;--palette-on-primary:#0f1f0f;--palette-secondary-main:#f472b6;--palette-secondary-light:#f9a8d4;--palette-secondary-dark:#ec4899;--palette-on-secondary:#0f1f0f;--palette-surface-main:#162816;--palette-surface-variant:#1f351f;--palette-surface-elevated:#2d4a2d;--palette-on-surface:#dcfce7;--palette-background-main:#060b06;--palette-background-dark:#0c140c;--palette-background-overlay:rgba(6,11,6,0.95);--palette-on-background:#bbf7d0;--palette-header-bg-start:rgba(6,11,6,0.98);--palette-header-bg-end:rgba(6,11,6,0.95);--palette-header-collapsed-bg-start:rgba(6,11,6,0.99);--palette-header-collapsed-bg-end:rgba(6,11,6,0.96);--palette-text-primary:#dcfce7;--palette-text-secondary:#bbf7d0;--palette-text-disabled:rgba(220,252,231,0.38);--palette-text-inverted:#0a120a;--palette-border-main:#166534;--palette-border-light:rgba(220,252,231,0.12);--palette-border-lighter:rgba(220,252,231,0.05);--palette-border-medium:#14532d;--palette-success-main:#22c55e;--palette-success-light:#14532d;--palette-success-dark:#4ade80;--palette-success-border:#166534;--palette-error-main:#f472b6;--palette-error-light:#881337;--palette-error-dark:#ec4899;--palette-error-border:#be185d;--palette-warning-main:#facc15;--palette-warning-light:#713f12;--palette-warning-dark:#eab308;--palette-warning-border:#a16207;--palette-info-main:#06b6d4;--palette-info-light:#164e63;--palette-info-dark:#22d3ee;--palette-on-info:#0a120a;--palette-info-border:#0891b2;--palette-accent-main:#f472b6;--palette-accent-light:#fce7f3;--palette-accent-dark:#db2777;--palette-on-accent:#dcfce7;--palette-control-main:#1a2e1a;--palette-control-light:#2d4a2d;--palette-control-text:#dcfce7;--palette-control-border:#166534}
@@ -0,0 +1,172 @@
1
+ /**
2
+ * Winter Color Palette
3
+ *
4
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
5
+ *
6
+ * Cool blues, icy whites, and frosty grays - inspired by winter landscapes
7
+ */
8
+
9
+ /* ===== WINTER PALETTE - LIGHT THEME ===== */
10
+ html[data-palette="winter"]:not([data-theme="dark"]),
11
+ html[data-palette="winter"][data-theme="light"] {
12
+ /* Primary palette - Ice blue */
13
+ --palette-primary-main: #0077be;
14
+ --palette-primary-light: #5ba3d0;
15
+ --palette-primary-dark: #005082;
16
+ --palette-on-primary: #ffffff;
17
+
18
+ /* Secondary palette - Steel blue */
19
+ --palette-secondary-main: #4682b4;
20
+ --palette-secondary-light: #7ba7cc;
21
+ --palette-secondary-dark: #2e5984;
22
+ --palette-on-secondary: #ffffff;
23
+
24
+ /* Surface palette - Snow white */
25
+ --palette-surface-main: #fafbfc;
26
+ --palette-surface-variant: #e2e8f0; /* Improved contrast with cooler tone */
27
+ --palette-surface-elevated: #ffffff;
28
+ --palette-on-surface: #0f172a;
29
+
30
+ /* Background palette - Frosty */
31
+ --palette-background-main: #f8fafc;
32
+ --palette-background-dark: #f1f5f9;
33
+ --palette-background-overlay: rgba(248, 250, 252, 0.95);
34
+ --palette-on-background: #475569;
35
+
36
+ /* Header background with transparency */
37
+ --palette-header-bg-start: rgba(248, 250, 252, 0.98);
38
+ --palette-header-bg-end: rgba(248, 250, 252, 0.95);
39
+ --palette-header-collapsed-bg-start: rgba(248, 250, 252, 0.99);
40
+ --palette-header-collapsed-bg-end: rgba(248, 250, 252, 0.96);
41
+
42
+ /* Text palette - Winter tones */
43
+ --palette-text-primary: #0f172a;
44
+ --palette-text-secondary: #475569;
45
+ --palette-text-disabled: rgba(15, 23, 42, 0.38);
46
+ --palette-text-inverted: #ffffff;
47
+
48
+ /* Border palette - Icy */
49
+ --palette-border-main: #cbd5e1;
50
+ --palette-border-light: rgba(15, 23, 42, 0.12);
51
+ --palette-border-lighter: rgba(15, 23, 42, 0.05);
52
+ --palette-border-medium: #94a3b8;
53
+
54
+ /* Success palette - Pine green */
55
+ --palette-success-main: #059669;
56
+ --palette-success-light: #d1fae5;
57
+ --palette-success-dark: #064e3b;
58
+ --palette-success-border: #a7f3d0;
59
+
60
+ /* Error palette - Winter berry */
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 frost */
67
+ --palette-warning-main: #d97706;
68
+ --palette-warning-light: #fef3c7;
69
+ --palette-warning-dark: #92400e;
70
+ --palette-warning-border: #fde68a;
71
+
72
+ /* Info palette - Arctic blue */
73
+ --palette-info-main: #0284c7;
74
+ --palette-info-light: #e0f2fe;
75
+ --palette-info-dark: #0c4a6e;
76
+ --palette-on-info: #ffffff;
77
+ --palette-info-border: #7dd3fc;
78
+
79
+ /* Accent palette - Aurora colors */
80
+ --palette-accent-main: #ec4899;
81
+ --palette-accent-light: #fce7f3;
82
+ --palette-accent-dark: #be185d;
83
+ --palette-on-accent: #ffffff;
84
+
85
+ /* Control palette - Charcoal */
86
+ --palette-control-main: #1e293b;
87
+ --palette-control-light: #334155;
88
+ --palette-control-text: #e2e8f0;
89
+ --palette-control-border: #475569;
90
+ }
91
+
92
+ /* ===== WINTER PALETTE - DARK THEME ===== */
93
+ html[data-palette="winter"][data-theme="dark"] {
94
+ /* Primary palette - Arctic glow */
95
+ --palette-primary-main: #7dd3fc;
96
+ --palette-primary-light: #bae6fd;
97
+ --palette-primary-dark: #0369a1;
98
+ --palette-on-primary: #020617;
99
+
100
+ /* Secondary palette - Moonlight */
101
+ --palette-secondary-main: #94a3b8;
102
+ --palette-secondary-light: #cbd5e1;
103
+ --palette-secondary-dark: #64748b;
104
+ --palette-on-secondary: #020617;
105
+
106
+ /* Surface palette - Dark frost */
107
+ --palette-surface-main: #0f172a;
108
+ --palette-surface-variant: #1e293b;
109
+ --palette-surface-elevated: #334155;
110
+ --palette-on-surface: #f8fafc;
111
+
112
+ /* Background palette - Winter night */
113
+ --palette-background-main: #020617;
114
+ --palette-background-dark: #0f172a;
115
+ --palette-background-overlay: rgba(15, 23, 42, 0.95);
116
+ --palette-on-background: #cbd5e1;
117
+
118
+ /* Header background with transparency */
119
+ --palette-header-bg-start: rgba(2, 6, 23, 0.98);
120
+ --palette-header-bg-end: rgba(2, 6, 23, 0.95);
121
+ --palette-header-collapsed-bg-start: rgba(2, 6, 23, 0.99);
122
+ --palette-header-collapsed-bg-end: rgba(2, 6, 23, 0.96);
123
+
124
+ /* Text palette - Snow and ice */
125
+ --palette-text-primary: #f8fafc;
126
+ --palette-text-secondary: #cbd5e1;
127
+ --palette-text-disabled: rgba(248, 250, 252, 0.38);
128
+ --palette-text-inverted: #020617;
129
+
130
+ /* Border palette - Dark ice */
131
+ --palette-border-main: #475569;
132
+ --palette-border-light: rgba(248, 250, 252, 0.12);
133
+ --palette-border-lighter: rgba(248, 250, 252, 0.05);
134
+ --palette-border-medium: #334155;
135
+
136
+ /* Success palette - Aurora green */
137
+ --palette-success-main: #34d399;
138
+ --palette-success-light: #064e3b;
139
+ --palette-success-dark: #10b981;
140
+ --palette-success-border: #065f46;
141
+
142
+ /* Error palette - Northern lights red */
143
+ --palette-error-main: #f87171;
144
+ --palette-error-light: #7f1d1d;
145
+ --palette-error-dark: #ef4444;
146
+ --palette-error-border: #991b1b;
147
+
148
+ /* Warning palette - Aurora orange */
149
+ --palette-warning-main: #fb923c;
150
+ --palette-warning-light: #9a3412;
151
+ --palette-warning-dark: #f97316;
152
+ --palette-warning-border: #c2410c;
153
+
154
+ /* Info palette - Polar blue */
155
+ --palette-info-main: #38bdf8;
156
+ --palette-info-light: #0c4a6e;
157
+ --palette-info-dark: #0ea5e9;
158
+ --palette-on-info: #020617;
159
+ --palette-info-border: #0284c7;
160
+
161
+ /* Accent palette - Northern lights */
162
+ --palette-accent-main: #f472b6;
163
+ --palette-accent-light: #fce7f3;
164
+ --palette-accent-dark: #db2777;
165
+ --palette-on-accent: #f8fafc;
166
+
167
+ /* Control palette - Midnight */
168
+ --palette-control-main: #1e293b;
169
+ --palette-control-light: #334155;
170
+ --palette-control-text: #e2e8f0;
171
+ --palette-control-border: #475569;
172
+ }
@@ -0,0 +1 @@
1
+ html[data-palette="winter"]:not([data-theme="dark"]),html[data-palette="winter"][data-theme="light"]{--palette-primary-main:#0077be;--palette-primary-light:#5ba3d0;--palette-primary-dark:#005082;--palette-on-primary:#ffffff;--palette-secondary-main:#4682b4;--palette-secondary-light:#7ba7cc;--palette-secondary-dark:#2e5984;--palette-on-secondary:#ffffff;--palette-surface-main:#fafbfc;--palette-surface-variant:#e2e8f0;--palette-surface-elevated:#ffffff;--palette-on-surface:#0f172a;--palette-background-main:#f8fafc;--palette-background-dark:#f1f5f9;--palette-background-overlay:rgba(248,250,252,0.95);--palette-on-background:#475569;--palette-header-bg-start:rgba(248,250,252,0.98);--palette-header-bg-end:rgba(248,250,252,0.95);--palette-header-collapsed-bg-start:rgba(248,250,252,0.99);--palette-header-collapsed-bg-end:rgba(248,250,252,0.96);--palette-text-primary:#0f172a;--palette-text-secondary:#475569;--palette-text-disabled:rgba(15,23,42,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#cbd5e1;--palette-border-light:rgba(15,23,42,0.12);--palette-border-lighter:rgba(15,23,42,0.05);--palette-border-medium:#94a3b8;--palette-success-main:#059669;--palette-success-light:#d1fae5;--palette-success-dark:#064e3b;--palette-success-border:#a7f3d0;--palette-error-main:#dc2626;--palette-error-light:#fee2e2;--palette-error-dark:#7f1d1d;--palette-error-border:#fecaca;--palette-warning-main:#d97706;--palette-warning-light:#fef3c7;--palette-warning-dark:#92400e;--palette-warning-border:#fde68a;--palette-info-main:#0284c7;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#ffffff;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#1e293b;--palette-control-light:#334155;--palette-control-text:#e2e8f0;--palette-control-border:#475569}html[data-palette="winter"][data-theme="dark"]{--palette-primary-main:#7dd3fc;--palette-primary-light:#bae6fd;--palette-primary-dark:#0369a1;--palette-on-primary:#020617;--palette-secondary-main:#94a3b8;--palette-secondary-light:#cbd5e1;--palette-secondary-dark:#64748b;--palette-on-secondary:#020617;--palette-surface-main:#0f172a;--palette-surface-variant:#1e293b;--palette-surface-elevated:#334155;--palette-on-surface:#f8fafc;--palette-background-main:#020617;--palette-background-dark:#0f172a;--palette-background-overlay:rgba(15,23,42,0.95);--palette-on-background:#cbd5e1;--palette-header-bg-start:rgba(2,6,23,0.98);--palette-header-bg-end:rgba(2,6,23,0.95);--palette-header-collapsed-bg-start:rgba(2,6,23,0.99);--palette-header-collapsed-bg-end:rgba(2,6,23,0.96);--palette-text-primary:#f8fafc;--palette-text-secondary:#cbd5e1;--palette-text-disabled:rgba(248,250,252,0.38);--palette-text-inverted:#020617;--palette-border-main:#475569;--palette-border-light:rgba(248,250,252,0.12);--palette-border-lighter:rgba(248,250,252,0.05);--palette-border-medium:#334155;--palette-success-main:#34d399;--palette-success-light:#064e3b;--palette-success-dark:#10b981;--palette-success-border:#065f46;--palette-error-main:#f87171;--palette-error-light:#7f1d1d;--palette-error-dark:#ef4444;--palette-error-border:#991b1b;--palette-warning-main:#fb923c;--palette-warning-light:#9a3412;--palette-warning-dark:#f97316;--palette-warning-border:#c2410c;--palette-info-main:#38bdf8;--palette-info-light:#0c4a6e;--palette-info-dark:#0ea5e9;--palette-on-info:#020617;--palette-info-border:#0284c7;--palette-accent-main:#f472b6;--palette-accent-light:#fce7f3;--palette-accent-dark:#db2777;--palette-on-accent:#f8fafc;--palette-control-main:#1e293b;--palette-control-light:#334155;--palette-control-text:#e2e8f0;--palette-control-border:#475569}