@qwickapps/react-framework 1.5.3 → 1.5.5

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 (91) hide show
  1. package/README.md +10 -0
  2. package/dist/components/Scaffold.d.ts.map +1 -1
  3. package/dist/hooks/useBaseProps.d.ts +1161 -12
  4. package/dist/hooks/useBaseProps.d.ts.map +1 -1
  5. package/dist/index.css +1 -1
  6. package/dist/index.esm.css +1 -1
  7. package/dist/index.esm.js +12 -10
  8. package/dist/index.js +12 -10
  9. package/dist/palettes/manifest.json +19 -19
  10. package/dist/palettes/{palette-autumn.1.4.9.css → palette-autumn.1.5.5.css} +8 -8
  11. package/dist/palettes/{palette-autumn.1.5.1.min.css → palette-autumn.1.5.5.min.css} +1 -1
  12. package/dist/palettes/palette-autumn.latest.css +8 -8
  13. package/dist/palettes/palette-autumn.latest.min.css +1 -1
  14. package/dist/palettes/{palette-cosmic.1.4.9.css → palette-cosmic.1.5.5.css} +8 -8
  15. package/dist/palettes/{palette-cosmic.1.4.9.min.css → palette-cosmic.1.5.5.min.css} +1 -1
  16. package/dist/palettes/palette-cosmic.latest.css +8 -8
  17. package/dist/palettes/palette-cosmic.latest.min.css +1 -1
  18. package/dist/palettes/{palette-default.1.4.9.css → palette-default.1.5.5.css} +9 -9
  19. package/dist/palettes/{palette-default.1.4.9.min.css → palette-default.1.5.5.min.css} +1 -1
  20. package/dist/palettes/palette-default.latest.css +9 -9
  21. package/dist/palettes/palette-default.latest.min.css +1 -1
  22. package/dist/palettes/{palette-ocean.1.4.9.css → palette-ocean.1.5.5.css} +8 -8
  23. package/dist/palettes/{palette-ocean.1.4.9.min.css → palette-ocean.1.5.5.min.css} +1 -1
  24. package/dist/palettes/palette-ocean.latest.css +8 -8
  25. package/dist/palettes/palette-ocean.latest.min.css +1 -1
  26. package/dist/palettes/{palette-spring.1.4.9.css → palette-spring.1.5.5.css} +11 -5
  27. package/dist/palettes/{palette-spring.1.4.9.min.css → palette-spring.1.5.5.min.css} +1 -1
  28. package/dist/palettes/palette-spring.latest.css +11 -5
  29. package/dist/palettes/palette-spring.latest.min.css +1 -1
  30. package/dist/palettes/{palette-winter.1.4.9.css → palette-winter.1.5.5.css} +7 -7
  31. package/dist/palettes/{palette-winter.1.4.9.min.css → palette-winter.1.5.5.min.css} +1 -1
  32. package/dist/palettes/palette-winter.latest.css +7 -7
  33. package/dist/palettes/palette-winter.latest.min.css +1 -1
  34. package/package.json +4 -4
  35. package/src/components/QwickApp.css +2 -0
  36. package/src/components/Scaffold.css +1 -12
  37. package/src/components/Scaffold.tsx +11 -10
  38. package/src/palettes/PaletteAutumn.css +8 -8
  39. package/src/palettes/PaletteCosmic.css +8 -8
  40. package/src/palettes/PaletteDefault.css +9 -9
  41. package/src/palettes/PaletteOcean.css +8 -8
  42. package/src/palettes/PaletteSpring.css +11 -5
  43. package/src/palettes/PaletteWinter.css +7 -7
  44. package/dist/palettes/palette-autumn.1.4.9.min.css +0 -1
  45. package/dist/palettes/palette-autumn.1.5.0.css +0 -172
  46. package/dist/palettes/palette-autumn.1.5.0.min.css +0 -1
  47. package/dist/palettes/palette-autumn.1.5.1.css +0 -172
  48. package/dist/palettes/palette-autumn.1.5.2.css +0 -172
  49. package/dist/palettes/palette-autumn.1.5.2.min.css +0 -1
  50. package/dist/palettes/palette-autumn.1.5.3.css +0 -172
  51. package/dist/palettes/palette-autumn.1.5.3.min.css +0 -1
  52. package/dist/palettes/palette-cosmic.1.5.0.css +0 -172
  53. package/dist/palettes/palette-cosmic.1.5.0.min.css +0 -1
  54. package/dist/palettes/palette-cosmic.1.5.1.css +0 -172
  55. package/dist/palettes/palette-cosmic.1.5.1.min.css +0 -1
  56. package/dist/palettes/palette-cosmic.1.5.2.css +0 -172
  57. package/dist/palettes/palette-cosmic.1.5.2.min.css +0 -1
  58. package/dist/palettes/palette-cosmic.1.5.3.css +0 -172
  59. package/dist/palettes/palette-cosmic.1.5.3.min.css +0 -1
  60. package/dist/palettes/palette-default.1.5.0.css +0 -178
  61. package/dist/palettes/palette-default.1.5.0.min.css +0 -1
  62. package/dist/palettes/palette-default.1.5.1.css +0 -178
  63. package/dist/palettes/palette-default.1.5.1.min.css +0 -1
  64. package/dist/palettes/palette-default.1.5.2.css +0 -178
  65. package/dist/palettes/palette-default.1.5.2.min.css +0 -1
  66. package/dist/palettes/palette-default.1.5.3.css +0 -178
  67. package/dist/palettes/palette-default.1.5.3.min.css +0 -1
  68. package/dist/palettes/palette-ocean.1.5.0.css +0 -172
  69. package/dist/palettes/palette-ocean.1.5.0.min.css +0 -1
  70. package/dist/palettes/palette-ocean.1.5.1.css +0 -172
  71. package/dist/palettes/palette-ocean.1.5.1.min.css +0 -1
  72. package/dist/palettes/palette-ocean.1.5.2.css +0 -172
  73. package/dist/palettes/palette-ocean.1.5.2.min.css +0 -1
  74. package/dist/palettes/palette-ocean.1.5.3.css +0 -172
  75. package/dist/palettes/palette-ocean.1.5.3.min.css +0 -1
  76. package/dist/palettes/palette-spring.1.5.0.css +0 -160
  77. package/dist/palettes/palette-spring.1.5.0.min.css +0 -1
  78. package/dist/palettes/palette-spring.1.5.1.css +0 -160
  79. package/dist/palettes/palette-spring.1.5.1.min.css +0 -1
  80. package/dist/palettes/palette-spring.1.5.2.css +0 -160
  81. package/dist/palettes/palette-spring.1.5.2.min.css +0 -1
  82. package/dist/palettes/palette-spring.1.5.3.css +0 -160
  83. package/dist/palettes/palette-spring.1.5.3.min.css +0 -1
  84. package/dist/palettes/palette-winter.1.5.0.css +0 -172
  85. package/dist/palettes/palette-winter.1.5.0.min.css +0 -1
  86. package/dist/palettes/palette-winter.1.5.1.css +0 -172
  87. package/dist/palettes/palette-winter.1.5.1.min.css +0 -1
  88. package/dist/palettes/palette-winter.1.5.2.css +0 -172
  89. package/dist/palettes/palette-winter.1.5.2.min.css +0 -1
  90. package/dist/palettes/palette-winter.1.5.3.css +0 -172
  91. package/dist/palettes/palette-winter.1.5.3.min.css +0 -1
@@ -1,172 +0,0 @@
1
- /**
2
- * Cosmic Color Palette
3
- *
4
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
5
- *
6
- * Modern purple gradient for creative and tech brands - inspired by cosmic nebulae
7
- */
8
-
9
- /* ===== COSMIC PALETTE - LIGHT THEME ===== */
10
- html[data-palette="cosmic"]:not([data-theme="dark"]),
11
- html[data-palette="cosmic"][data-theme="light"] {
12
- /* Primary palette - Deep cosmic purple */
13
- --palette-primary-main: #8b5cf6;
14
- --palette-primary-light: #a78bfa;
15
- --palette-primary-dark: #7c3aed;
16
- --palette-on-primary: #ffffff;
17
-
18
- /* Secondary palette - Violet accents */
19
- --palette-secondary-main: #8b5cf6;
20
- --palette-secondary-light: #c4b5fd;
21
- --palette-secondary-dark: #6d28d9;
22
- --palette-on-secondary: #ffffff;
23
-
24
- /* Surface palette - Stardust */
25
- --palette-surface-main: #faf7ff;
26
- --palette-surface-variant: #f3e8ff;
27
- --palette-surface-elevated: #ffffff;
28
- --palette-on-surface: #4c1d95;
29
-
30
- /* Background palette - Galaxy mist */
31
- --palette-background-main: #fef7ff;
32
- --palette-background-dark: #fae8ff;
33
- --palette-background-overlay: rgba(254, 247, 255, 0.95);
34
- --palette-on-background: #6b21a8;
35
-
36
- /* Header background with transparency */
37
- --palette-header-bg-start: rgba(254, 247, 255, 0.98);
38
- --palette-header-bg-end: rgba(254, 247, 255, 0.95);
39
- --palette-header-collapsed-bg-start: rgba(254, 247, 255, 0.99);
40
- --palette-header-collapsed-bg-end: rgba(254, 247, 255, 0.96);
41
-
42
- /* Text palette - Deep space */
43
- --palette-text-primary: #4c1d95;
44
- --palette-text-secondary: #7c3aed;
45
- --palette-text-disabled: rgba(76, 29, 149, 0.38);
46
- --palette-text-inverted: #ffffff;
47
-
48
- /* Border palette - Aurora */
49
- --palette-border-main: #c4b5fd;
50
- --palette-border-light: rgba(76, 29, 149, 0.12);
51
- --palette-border-lighter: rgba(76, 29, 149, 0.05);
52
- --palette-border-medium: #a78bfa;
53
-
54
- /* Success palette - Emerald nebula */
55
- --palette-success-main: #10b981;
56
- --palette-success-light: #d1fae5;
57
- --palette-success-dark: #047857;
58
- --palette-success-border: #6ee7b7;
59
-
60
- /* Error palette - Red giant */
61
- --palette-error-main: #ef4444;
62
- --palette-error-light: #fee2e2;
63
- --palette-error-dark: #b91c1c;
64
- --palette-error-border: #fecaca;
65
-
66
- /* Warning palette - Solar flare */
67
- --palette-warning-main: #f59e0b;
68
- --palette-warning-light: #fef3c7;
69
- --palette-warning-dark: #b45309;
70
- --palette-warning-border: #fde68a;
71
-
72
- /* Info palette - Cosmic blue */
73
- --palette-info-main: #3b82f6;
74
- --palette-info-light: #dbeafe;
75
- --palette-info-dark: #1d4ed8;
76
- --palette-on-info: #ffffff;
77
- --palette-info-border: #93c5fd;
78
-
79
- /* Accent palette - Pink nebula */
80
- --palette-accent-main: #ec4899;
81
- --palette-accent-light: #f472b6;
82
- --palette-accent-dark: #be185d;
83
- --palette-on-accent: #ffffff;
84
-
85
- /* Control palette - Void */
86
- --palette-control-main: #1e1b4b;
87
- --palette-control-light: #3730a3;
88
- --palette-control-text: #e0e7ff;
89
- --palette-control-border: #8b5cf6;
90
- }
91
-
92
- /* ===== COSMIC PALETTE - DARK THEME ===== */
93
- html[data-palette="cosmic"][data-theme="dark"] {
94
- /* Primary palette - Neon purple */
95
- --palette-primary-main: #a78bfa;
96
- --palette-primary-light: #c4b5fd;
97
- --palette-primary-dark: #8b5cf6;
98
- --palette-on-primary: #1e1b4b;
99
-
100
- /* Secondary palette - Electric violet */
101
- --palette-secondary-main: #c4b5fd;
102
- --palette-secondary-light: #ddd6fe;
103
- --palette-secondary-dark: #a78bfa;
104
- --palette-on-secondary: #1e1b4b;
105
-
106
- /* Surface palette - Dark matter */
107
- --palette-surface-main: #1e1b4b;
108
- --palette-surface-variant: #312e81;
109
- --palette-surface-elevated: #3730a3;
110
- --palette-on-surface: #e0e7ff;
111
-
112
- /* Background palette - Deep space */
113
- --palette-background-main: #0f0c29;
114
- --palette-background-dark: #1a1625;
115
- --palette-background-overlay: rgba(15, 12, 41, 0.95);
116
- --palette-on-background: #c4b5fd;
117
-
118
- /* Header background with transparency */
119
- --palette-header-bg-start: rgba(15, 12, 41, 0.98);
120
- --palette-header-bg-end: rgba(15, 12, 41, 0.95);
121
- --palette-header-collapsed-bg-start: rgba(15, 12, 41, 0.99);
122
- --palette-header-collapsed-bg-end: rgba(15, 12, 41, 0.96);
123
-
124
- /* Text palette - Starlight */
125
- --palette-text-primary: #e0e7ff;
126
- --palette-text-secondary: #c4b5fd;
127
- --palette-text-disabled: rgba(224, 231, 255, 0.38);
128
- --palette-text-inverted: #0f0c29;
129
-
130
- /* Border palette - Cosmic rays */
131
- --palette-border-main: #4338ca;
132
- --palette-border-light: rgba(224, 231, 255, 0.12);
133
- --palette-border-lighter: rgba(224, 231, 255, 0.05);
134
- --palette-border-medium: #312e81;
135
-
136
- /* Success palette - Green pulsar */
137
- --palette-success-main: #34d399;
138
- --palette-success-light: #047857;
139
- --palette-success-dark: #10b981;
140
- --palette-success-border: #065f46;
141
-
142
- /* Error palette - Red dwarf */
143
- --palette-error-main: #f87171;
144
- --palette-error-light: #b91c1c;
145
- --palette-error-dark: #ef4444;
146
- --palette-error-border: #991b1b;
147
-
148
- /* Warning palette - Orange giant */
149
- --palette-warning-main: #fb7185;
150
- --palette-warning-light: #881337;
151
- --palette-warning-dark: #e11d48;
152
- --palette-warning-border: #be123c;
153
-
154
- /* Info palette - Blue supergiant */
155
- --palette-info-main: #60a5fa;
156
- --palette-info-light: #1d4ed8;
157
- --palette-info-dark: #3b82f6;
158
- --palette-on-info: #0f0c29;
159
- --palette-info-border: #2563eb;
160
-
161
- /* Accent palette - Magenta quasar */
162
- --palette-accent-main: #f472b6;
163
- --palette-accent-light: #f9a8d4;
164
- --palette-accent-dark: #ec4899;
165
- --palette-on-accent: #0f0c29;
166
-
167
- /* Control palette - Black hole */
168
- --palette-control-main: #312e81;
169
- --palette-control-light: #4338ca;
170
- --palette-control-text: #f3f4f6;
171
- --palette-control-border: #4338ca;
172
- }
@@ -1 +0,0 @@
1
- html[data-palette="cosmic"]:not([data-theme="dark"]),html[data-palette="cosmic"][data-theme="light"]{--palette-primary-main:#8b5cf6;--palette-primary-light:#a78bfa;--palette-primary-dark:#7c3aed;--palette-on-primary:#ffffff;--palette-secondary-main:#8b5cf6;--palette-secondary-light:#c4b5fd;--palette-secondary-dark:#6d28d9;--palette-on-secondary:#ffffff;--palette-surface-main:#faf7ff;--palette-surface-variant:#f3e8ff;--palette-surface-elevated:#ffffff;--palette-on-surface:#4c1d95;--palette-background-main:#fef7ff;--palette-background-dark:#fae8ff;--palette-background-overlay:rgba(254,247,255,0.95);--palette-on-background:#6b21a8;--palette-header-bg-start:rgba(254,247,255,0.98);--palette-header-bg-end:rgba(254,247,255,0.95);--palette-header-collapsed-bg-start:rgba(254,247,255,0.99);--palette-header-collapsed-bg-end:rgba(254,247,255,0.96);--palette-text-primary:#4c1d95;--palette-text-secondary:#7c3aed;--palette-text-disabled:rgba(76,29,149,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#c4b5fd;--palette-border-light:rgba(76,29,149,0.12);--palette-border-lighter:rgba(76,29,149,0.05);--palette-border-medium:#a78bfa;--palette-success-main:#10b981;--palette-success-light:#d1fae5;--palette-success-dark:#047857;--palette-success-border:#6ee7b7;--palette-error-main:#ef4444;--palette-error-light:#fee2e2;--palette-error-dark:#b91c1c;--palette-error-border:#fecaca;--palette-warning-main:#f59e0b;--palette-warning-light:#fef3c7;--palette-warning-dark:#b45309;--palette-warning-border:#fde68a;--palette-info-main:#3b82f6;--palette-info-light:#dbeafe;--palette-info-dark:#1d4ed8;--palette-on-info:#ffffff;--palette-info-border:#93c5fd;--palette-accent-main:#ec4899;--palette-accent-light:#f472b6;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#1e1b4b;--palette-control-light:#3730a3;--palette-control-text:#e0e7ff;--palette-control-border:#8b5cf6}html[data-palette="cosmic"][data-theme="dark"]{--palette-primary-main:#a78bfa;--palette-primary-light:#c4b5fd;--palette-primary-dark:#8b5cf6;--palette-on-primary:#1e1b4b;--palette-secondary-main:#c4b5fd;--palette-secondary-light:#ddd6fe;--palette-secondary-dark:#a78bfa;--palette-on-secondary:#1e1b4b;--palette-surface-main:#1e1b4b;--palette-surface-variant:#312e81;--palette-surface-elevated:#3730a3;--palette-on-surface:#e0e7ff;--palette-background-main:#0f0c29;--palette-background-dark:#1a1625;--palette-background-overlay:rgba(15,12,41,0.95);--palette-on-background:#c4b5fd;--palette-header-bg-start:rgba(15,12,41,0.98);--palette-header-bg-end:rgba(15,12,41,0.95);--palette-header-collapsed-bg-start:rgba(15,12,41,0.99);--palette-header-collapsed-bg-end:rgba(15,12,41,0.96);--palette-text-primary:#e0e7ff;--palette-text-secondary:#c4b5fd;--palette-text-disabled:rgba(224,231,255,0.38);--palette-text-inverted:#0f0c29;--palette-border-main:#4338ca;--palette-border-light:rgba(224,231,255,0.12);--palette-border-lighter:rgba(224,231,255,0.05);--palette-border-medium:#312e81;--palette-success-main:#34d399;--palette-success-light:#047857;--palette-success-dark:#10b981;--palette-success-border:#065f46;--palette-error-main:#f87171;--palette-error-light:#b91c1c;--palette-error-dark:#ef4444;--palette-error-border:#991b1b;--palette-warning-main:#fb7185;--palette-warning-light:#881337;--palette-warning-dark:#e11d48;--palette-warning-border:#be123c;--palette-info-main:#60a5fa;--palette-info-light:#1d4ed8;--palette-info-dark:#3b82f6;--palette-on-info:#0f0c29;--palette-info-border:#2563eb;--palette-accent-main:#f472b6;--palette-accent-light:#f9a8d4;--palette-accent-dark:#ec4899;--palette-on-accent:#0f0c29;--palette-control-main:#312e81;--palette-control-light:#4338ca;--palette-control-text:#f3f4f6;--palette-control-border:#4338ca}
@@ -1,172 +0,0 @@
1
- /**
2
- * Cosmic Color Palette
3
- *
4
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
5
- *
6
- * Modern purple gradient for creative and tech brands - inspired by cosmic nebulae
7
- */
8
-
9
- /* ===== COSMIC PALETTE - LIGHT THEME ===== */
10
- html[data-palette="cosmic"]:not([data-theme="dark"]),
11
- html[data-palette="cosmic"][data-theme="light"] {
12
- /* Primary palette - Deep cosmic purple */
13
- --palette-primary-main: #8b5cf6;
14
- --palette-primary-light: #a78bfa;
15
- --palette-primary-dark: #7c3aed;
16
- --palette-on-primary: #ffffff;
17
-
18
- /* Secondary palette - Violet accents */
19
- --palette-secondary-main: #8b5cf6;
20
- --palette-secondary-light: #c4b5fd;
21
- --palette-secondary-dark: #6d28d9;
22
- --palette-on-secondary: #ffffff;
23
-
24
- /* Surface palette - Stardust */
25
- --palette-surface-main: #faf7ff;
26
- --palette-surface-variant: #f3e8ff;
27
- --palette-surface-elevated: #ffffff;
28
- --palette-on-surface: #4c1d95;
29
-
30
- /* Background palette - Galaxy mist */
31
- --palette-background-main: #fef7ff;
32
- --palette-background-dark: #fae8ff;
33
- --palette-background-overlay: rgba(254, 247, 255, 0.95);
34
- --palette-on-background: #6b21a8;
35
-
36
- /* Header background with transparency */
37
- --palette-header-bg-start: rgba(254, 247, 255, 0.98);
38
- --palette-header-bg-end: rgba(254, 247, 255, 0.95);
39
- --palette-header-collapsed-bg-start: rgba(254, 247, 255, 0.99);
40
- --palette-header-collapsed-bg-end: rgba(254, 247, 255, 0.96);
41
-
42
- /* Text palette - Deep space */
43
- --palette-text-primary: #4c1d95;
44
- --palette-text-secondary: #7c3aed;
45
- --palette-text-disabled: rgba(76, 29, 149, 0.38);
46
- --palette-text-inverted: #ffffff;
47
-
48
- /* Border palette - Aurora */
49
- --palette-border-main: #c4b5fd;
50
- --palette-border-light: rgba(76, 29, 149, 0.12);
51
- --palette-border-lighter: rgba(76, 29, 149, 0.05);
52
- --palette-border-medium: #a78bfa;
53
-
54
- /* Success palette - Emerald nebula */
55
- --palette-success-main: #10b981;
56
- --palette-success-light: #d1fae5;
57
- --palette-success-dark: #047857;
58
- --palette-success-border: #6ee7b7;
59
-
60
- /* Error palette - Red giant */
61
- --palette-error-main: #ef4444;
62
- --palette-error-light: #fee2e2;
63
- --palette-error-dark: #b91c1c;
64
- --palette-error-border: #fecaca;
65
-
66
- /* Warning palette - Solar flare */
67
- --palette-warning-main: #f59e0b;
68
- --palette-warning-light: #fef3c7;
69
- --palette-warning-dark: #b45309;
70
- --palette-warning-border: #fde68a;
71
-
72
- /* Info palette - Cosmic blue */
73
- --palette-info-main: #3b82f6;
74
- --palette-info-light: #dbeafe;
75
- --palette-info-dark: #1d4ed8;
76
- --palette-on-info: #ffffff;
77
- --palette-info-border: #93c5fd;
78
-
79
- /* Accent palette - Pink nebula */
80
- --palette-accent-main: #ec4899;
81
- --palette-accent-light: #f472b6;
82
- --palette-accent-dark: #be185d;
83
- --palette-on-accent: #ffffff;
84
-
85
- /* Control palette - Void */
86
- --palette-control-main: #1e1b4b;
87
- --palette-control-light: #3730a3;
88
- --palette-control-text: #e0e7ff;
89
- --palette-control-border: #8b5cf6;
90
- }
91
-
92
- /* ===== COSMIC PALETTE - DARK THEME ===== */
93
- html[data-palette="cosmic"][data-theme="dark"] {
94
- /* Primary palette - Neon purple */
95
- --palette-primary-main: #a78bfa;
96
- --palette-primary-light: #c4b5fd;
97
- --palette-primary-dark: #8b5cf6;
98
- --palette-on-primary: #1e1b4b;
99
-
100
- /* Secondary palette - Electric violet */
101
- --palette-secondary-main: #c4b5fd;
102
- --palette-secondary-light: #ddd6fe;
103
- --palette-secondary-dark: #a78bfa;
104
- --palette-on-secondary: #1e1b4b;
105
-
106
- /* Surface palette - Dark matter */
107
- --palette-surface-main: #1e1b4b;
108
- --palette-surface-variant: #312e81;
109
- --palette-surface-elevated: #3730a3;
110
- --palette-on-surface: #e0e7ff;
111
-
112
- /* Background palette - Deep space */
113
- --palette-background-main: #0f0c29;
114
- --palette-background-dark: #1a1625;
115
- --palette-background-overlay: rgba(15, 12, 41, 0.95);
116
- --palette-on-background: #c4b5fd;
117
-
118
- /* Header background with transparency */
119
- --palette-header-bg-start: rgba(15, 12, 41, 0.98);
120
- --palette-header-bg-end: rgba(15, 12, 41, 0.95);
121
- --palette-header-collapsed-bg-start: rgba(15, 12, 41, 0.99);
122
- --palette-header-collapsed-bg-end: rgba(15, 12, 41, 0.96);
123
-
124
- /* Text palette - Starlight */
125
- --palette-text-primary: #e0e7ff;
126
- --palette-text-secondary: #c4b5fd;
127
- --palette-text-disabled: rgba(224, 231, 255, 0.38);
128
- --palette-text-inverted: #0f0c29;
129
-
130
- /* Border palette - Cosmic rays */
131
- --palette-border-main: #4338ca;
132
- --palette-border-light: rgba(224, 231, 255, 0.12);
133
- --palette-border-lighter: rgba(224, 231, 255, 0.05);
134
- --palette-border-medium: #312e81;
135
-
136
- /* Success palette - Green pulsar */
137
- --palette-success-main: #34d399;
138
- --palette-success-light: #047857;
139
- --palette-success-dark: #10b981;
140
- --palette-success-border: #065f46;
141
-
142
- /* Error palette - Red dwarf */
143
- --palette-error-main: #f87171;
144
- --palette-error-light: #b91c1c;
145
- --palette-error-dark: #ef4444;
146
- --palette-error-border: #991b1b;
147
-
148
- /* Warning palette - Orange giant */
149
- --palette-warning-main: #fb7185;
150
- --palette-warning-light: #881337;
151
- --palette-warning-dark: #e11d48;
152
- --palette-warning-border: #be123c;
153
-
154
- /* Info palette - Blue supergiant */
155
- --palette-info-main: #60a5fa;
156
- --palette-info-light: #1d4ed8;
157
- --palette-info-dark: #3b82f6;
158
- --palette-on-info: #0f0c29;
159
- --palette-info-border: #2563eb;
160
-
161
- /* Accent palette - Magenta quasar */
162
- --palette-accent-main: #f472b6;
163
- --palette-accent-light: #f9a8d4;
164
- --palette-accent-dark: #ec4899;
165
- --palette-on-accent: #0f0c29;
166
-
167
- /* Control palette - Black hole */
168
- --palette-control-main: #312e81;
169
- --palette-control-light: #4338ca;
170
- --palette-control-text: #f3f4f6;
171
- --palette-control-border: #4338ca;
172
- }
@@ -1 +0,0 @@
1
- html[data-palette="cosmic"]:not([data-theme="dark"]),html[data-palette="cosmic"][data-theme="light"]{--palette-primary-main:#8b5cf6;--palette-primary-light:#a78bfa;--palette-primary-dark:#7c3aed;--palette-on-primary:#ffffff;--palette-secondary-main:#8b5cf6;--palette-secondary-light:#c4b5fd;--palette-secondary-dark:#6d28d9;--palette-on-secondary:#ffffff;--palette-surface-main:#faf7ff;--palette-surface-variant:#f3e8ff;--palette-surface-elevated:#ffffff;--palette-on-surface:#4c1d95;--palette-background-main:#fef7ff;--palette-background-dark:#fae8ff;--palette-background-overlay:rgba(254,247,255,0.95);--palette-on-background:#6b21a8;--palette-header-bg-start:rgba(254,247,255,0.98);--palette-header-bg-end:rgba(254,247,255,0.95);--palette-header-collapsed-bg-start:rgba(254,247,255,0.99);--palette-header-collapsed-bg-end:rgba(254,247,255,0.96);--palette-text-primary:#4c1d95;--palette-text-secondary:#7c3aed;--palette-text-disabled:rgba(76,29,149,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#c4b5fd;--palette-border-light:rgba(76,29,149,0.12);--palette-border-lighter:rgba(76,29,149,0.05);--palette-border-medium:#a78bfa;--palette-success-main:#10b981;--palette-success-light:#d1fae5;--palette-success-dark:#047857;--palette-success-border:#6ee7b7;--palette-error-main:#ef4444;--palette-error-light:#fee2e2;--palette-error-dark:#b91c1c;--palette-error-border:#fecaca;--palette-warning-main:#f59e0b;--palette-warning-light:#fef3c7;--palette-warning-dark:#b45309;--palette-warning-border:#fde68a;--palette-info-main:#3b82f6;--palette-info-light:#dbeafe;--palette-info-dark:#1d4ed8;--palette-on-info:#ffffff;--palette-info-border:#93c5fd;--palette-accent-main:#ec4899;--palette-accent-light:#f472b6;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#1e1b4b;--palette-control-light:#3730a3;--palette-control-text:#e0e7ff;--palette-control-border:#8b5cf6}html[data-palette="cosmic"][data-theme="dark"]{--palette-primary-main:#a78bfa;--palette-primary-light:#c4b5fd;--palette-primary-dark:#8b5cf6;--palette-on-primary:#1e1b4b;--palette-secondary-main:#c4b5fd;--palette-secondary-light:#ddd6fe;--palette-secondary-dark:#a78bfa;--palette-on-secondary:#1e1b4b;--palette-surface-main:#1e1b4b;--palette-surface-variant:#312e81;--palette-surface-elevated:#3730a3;--palette-on-surface:#e0e7ff;--palette-background-main:#0f0c29;--palette-background-dark:#1a1625;--palette-background-overlay:rgba(15,12,41,0.95);--palette-on-background:#c4b5fd;--palette-header-bg-start:rgba(15,12,41,0.98);--palette-header-bg-end:rgba(15,12,41,0.95);--palette-header-collapsed-bg-start:rgba(15,12,41,0.99);--palette-header-collapsed-bg-end:rgba(15,12,41,0.96);--palette-text-primary:#e0e7ff;--palette-text-secondary:#c4b5fd;--palette-text-disabled:rgba(224,231,255,0.38);--palette-text-inverted:#0f0c29;--palette-border-main:#4338ca;--palette-border-light:rgba(224,231,255,0.12);--palette-border-lighter:rgba(224,231,255,0.05);--palette-border-medium:#312e81;--palette-success-main:#34d399;--palette-success-light:#047857;--palette-success-dark:#10b981;--palette-success-border:#065f46;--palette-error-main:#f87171;--palette-error-light:#b91c1c;--palette-error-dark:#ef4444;--palette-error-border:#991b1b;--palette-warning-main:#fb7185;--palette-warning-light:#881337;--palette-warning-dark:#e11d48;--palette-warning-border:#be123c;--palette-info-main:#60a5fa;--palette-info-light:#1d4ed8;--palette-info-dark:#3b82f6;--palette-on-info:#0f0c29;--palette-info-border:#2563eb;--palette-accent-main:#f472b6;--palette-accent-light:#f9a8d4;--palette-accent-dark:#ec4899;--palette-on-accent:#0f0c29;--palette-control-main:#312e81;--palette-control-light:#4338ca;--palette-control-text:#f3f4f6;--palette-control-border:#4338ca}
@@ -1,172 +0,0 @@
1
- /**
2
- * Cosmic Color Palette
3
- *
4
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
5
- *
6
- * Modern purple gradient for creative and tech brands - inspired by cosmic nebulae
7
- */
8
-
9
- /* ===== COSMIC PALETTE - LIGHT THEME ===== */
10
- html[data-palette="cosmic"]:not([data-theme="dark"]),
11
- html[data-palette="cosmic"][data-theme="light"] {
12
- /* Primary palette - Deep cosmic purple */
13
- --palette-primary-main: #8b5cf6;
14
- --palette-primary-light: #a78bfa;
15
- --palette-primary-dark: #7c3aed;
16
- --palette-on-primary: #ffffff;
17
-
18
- /* Secondary palette - Violet accents */
19
- --palette-secondary-main: #8b5cf6;
20
- --palette-secondary-light: #c4b5fd;
21
- --palette-secondary-dark: #6d28d9;
22
- --palette-on-secondary: #ffffff;
23
-
24
- /* Surface palette - Stardust */
25
- --palette-surface-main: #faf7ff;
26
- --palette-surface-variant: #f3e8ff;
27
- --palette-surface-elevated: #ffffff;
28
- --palette-on-surface: #4c1d95;
29
-
30
- /* Background palette - Galaxy mist */
31
- --palette-background-main: #fef7ff;
32
- --palette-background-dark: #fae8ff;
33
- --palette-background-overlay: rgba(254, 247, 255, 0.95);
34
- --palette-on-background: #6b21a8;
35
-
36
- /* Header background with transparency */
37
- --palette-header-bg-start: rgba(254, 247, 255, 0.98);
38
- --palette-header-bg-end: rgba(254, 247, 255, 0.95);
39
- --palette-header-collapsed-bg-start: rgba(254, 247, 255, 0.99);
40
- --palette-header-collapsed-bg-end: rgba(254, 247, 255, 0.96);
41
-
42
- /* Text palette - Deep space */
43
- --palette-text-primary: #4c1d95;
44
- --palette-text-secondary: #7c3aed;
45
- --palette-text-disabled: rgba(76, 29, 149, 0.38);
46
- --palette-text-inverted: #ffffff;
47
-
48
- /* Border palette - Aurora */
49
- --palette-border-main: #c4b5fd;
50
- --palette-border-light: rgba(76, 29, 149, 0.12);
51
- --palette-border-lighter: rgba(76, 29, 149, 0.05);
52
- --palette-border-medium: #a78bfa;
53
-
54
- /* Success palette - Emerald nebula */
55
- --palette-success-main: #10b981;
56
- --palette-success-light: #d1fae5;
57
- --palette-success-dark: #047857;
58
- --palette-success-border: #6ee7b7;
59
-
60
- /* Error palette - Red giant */
61
- --palette-error-main: #ef4444;
62
- --palette-error-light: #fee2e2;
63
- --palette-error-dark: #b91c1c;
64
- --palette-error-border: #fecaca;
65
-
66
- /* Warning palette - Solar flare */
67
- --palette-warning-main: #f59e0b;
68
- --palette-warning-light: #fef3c7;
69
- --palette-warning-dark: #b45309;
70
- --palette-warning-border: #fde68a;
71
-
72
- /* Info palette - Cosmic blue */
73
- --palette-info-main: #3b82f6;
74
- --palette-info-light: #dbeafe;
75
- --palette-info-dark: #1d4ed8;
76
- --palette-on-info: #ffffff;
77
- --palette-info-border: #93c5fd;
78
-
79
- /* Accent palette - Pink nebula */
80
- --palette-accent-main: #ec4899;
81
- --palette-accent-light: #f472b6;
82
- --palette-accent-dark: #be185d;
83
- --palette-on-accent: #ffffff;
84
-
85
- /* Control palette - Void */
86
- --palette-control-main: #1e1b4b;
87
- --palette-control-light: #3730a3;
88
- --palette-control-text: #e0e7ff;
89
- --palette-control-border: #8b5cf6;
90
- }
91
-
92
- /* ===== COSMIC PALETTE - DARK THEME ===== */
93
- html[data-palette="cosmic"][data-theme="dark"] {
94
- /* Primary palette - Neon purple */
95
- --palette-primary-main: #a78bfa;
96
- --palette-primary-light: #c4b5fd;
97
- --palette-primary-dark: #8b5cf6;
98
- --palette-on-primary: #1e1b4b;
99
-
100
- /* Secondary palette - Electric violet */
101
- --palette-secondary-main: #c4b5fd;
102
- --palette-secondary-light: #ddd6fe;
103
- --palette-secondary-dark: #a78bfa;
104
- --palette-on-secondary: #1e1b4b;
105
-
106
- /* Surface palette - Dark matter */
107
- --palette-surface-main: #1e1b4b;
108
- --palette-surface-variant: #312e81;
109
- --palette-surface-elevated: #3730a3;
110
- --palette-on-surface: #e0e7ff;
111
-
112
- /* Background palette - Deep space */
113
- --palette-background-main: #0f0c29;
114
- --palette-background-dark: #1a1625;
115
- --palette-background-overlay: rgba(15, 12, 41, 0.95);
116
- --palette-on-background: #c4b5fd;
117
-
118
- /* Header background with transparency */
119
- --palette-header-bg-start: rgba(15, 12, 41, 0.98);
120
- --palette-header-bg-end: rgba(15, 12, 41, 0.95);
121
- --palette-header-collapsed-bg-start: rgba(15, 12, 41, 0.99);
122
- --palette-header-collapsed-bg-end: rgba(15, 12, 41, 0.96);
123
-
124
- /* Text palette - Starlight */
125
- --palette-text-primary: #e0e7ff;
126
- --palette-text-secondary: #c4b5fd;
127
- --palette-text-disabled: rgba(224, 231, 255, 0.38);
128
- --palette-text-inverted: #0f0c29;
129
-
130
- /* Border palette - Cosmic rays */
131
- --palette-border-main: #4338ca;
132
- --palette-border-light: rgba(224, 231, 255, 0.12);
133
- --palette-border-lighter: rgba(224, 231, 255, 0.05);
134
- --palette-border-medium: #312e81;
135
-
136
- /* Success palette - Green pulsar */
137
- --palette-success-main: #34d399;
138
- --palette-success-light: #047857;
139
- --palette-success-dark: #10b981;
140
- --palette-success-border: #065f46;
141
-
142
- /* Error palette - Red dwarf */
143
- --palette-error-main: #f87171;
144
- --palette-error-light: #b91c1c;
145
- --palette-error-dark: #ef4444;
146
- --palette-error-border: #991b1b;
147
-
148
- /* Warning palette - Orange giant */
149
- --palette-warning-main: #fb7185;
150
- --palette-warning-light: #881337;
151
- --palette-warning-dark: #e11d48;
152
- --palette-warning-border: #be123c;
153
-
154
- /* Info palette - Blue supergiant */
155
- --palette-info-main: #60a5fa;
156
- --palette-info-light: #1d4ed8;
157
- --palette-info-dark: #3b82f6;
158
- --palette-on-info: #0f0c29;
159
- --palette-info-border: #2563eb;
160
-
161
- /* Accent palette - Magenta quasar */
162
- --palette-accent-main: #f472b6;
163
- --palette-accent-light: #f9a8d4;
164
- --palette-accent-dark: #ec4899;
165
- --palette-on-accent: #0f0c29;
166
-
167
- /* Control palette - Black hole */
168
- --palette-control-main: #312e81;
169
- --palette-control-light: #4338ca;
170
- --palette-control-text: #f3f4f6;
171
- --palette-control-border: #4338ca;
172
- }
@@ -1 +0,0 @@
1
- html[data-palette="cosmic"]:not([data-theme="dark"]),html[data-palette="cosmic"][data-theme="light"]{--palette-primary-main:#8b5cf6;--palette-primary-light:#a78bfa;--palette-primary-dark:#7c3aed;--palette-on-primary:#ffffff;--palette-secondary-main:#8b5cf6;--palette-secondary-light:#c4b5fd;--palette-secondary-dark:#6d28d9;--palette-on-secondary:#ffffff;--palette-surface-main:#faf7ff;--palette-surface-variant:#f3e8ff;--palette-surface-elevated:#ffffff;--palette-on-surface:#4c1d95;--palette-background-main:#fef7ff;--palette-background-dark:#fae8ff;--palette-background-overlay:rgba(254,247,255,0.95);--palette-on-background:#6b21a8;--palette-header-bg-start:rgba(254,247,255,0.98);--palette-header-bg-end:rgba(254,247,255,0.95);--palette-header-collapsed-bg-start:rgba(254,247,255,0.99);--palette-header-collapsed-bg-end:rgba(254,247,255,0.96);--palette-text-primary:#4c1d95;--palette-text-secondary:#7c3aed;--palette-text-disabled:rgba(76,29,149,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#c4b5fd;--palette-border-light:rgba(76,29,149,0.12);--palette-border-lighter:rgba(76,29,149,0.05);--palette-border-medium:#a78bfa;--palette-success-main:#10b981;--palette-success-light:#d1fae5;--palette-success-dark:#047857;--palette-success-border:#6ee7b7;--palette-error-main:#ef4444;--palette-error-light:#fee2e2;--palette-error-dark:#b91c1c;--palette-error-border:#fecaca;--palette-warning-main:#f59e0b;--palette-warning-light:#fef3c7;--palette-warning-dark:#b45309;--palette-warning-border:#fde68a;--palette-info-main:#3b82f6;--palette-info-light:#dbeafe;--palette-info-dark:#1d4ed8;--palette-on-info:#ffffff;--palette-info-border:#93c5fd;--palette-accent-main:#ec4899;--palette-accent-light:#f472b6;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#1e1b4b;--palette-control-light:#3730a3;--palette-control-text:#e0e7ff;--palette-control-border:#8b5cf6}html[data-palette="cosmic"][data-theme="dark"]{--palette-primary-main:#a78bfa;--palette-primary-light:#c4b5fd;--palette-primary-dark:#8b5cf6;--palette-on-primary:#1e1b4b;--palette-secondary-main:#c4b5fd;--palette-secondary-light:#ddd6fe;--palette-secondary-dark:#a78bfa;--palette-on-secondary:#1e1b4b;--palette-surface-main:#1e1b4b;--palette-surface-variant:#312e81;--palette-surface-elevated:#3730a3;--palette-on-surface:#e0e7ff;--palette-background-main:#0f0c29;--palette-background-dark:#1a1625;--palette-background-overlay:rgba(15,12,41,0.95);--palette-on-background:#c4b5fd;--palette-header-bg-start:rgba(15,12,41,0.98);--palette-header-bg-end:rgba(15,12,41,0.95);--palette-header-collapsed-bg-start:rgba(15,12,41,0.99);--palette-header-collapsed-bg-end:rgba(15,12,41,0.96);--palette-text-primary:#e0e7ff;--palette-text-secondary:#c4b5fd;--palette-text-disabled:rgba(224,231,255,0.38);--palette-text-inverted:#0f0c29;--palette-border-main:#4338ca;--palette-border-light:rgba(224,231,255,0.12);--palette-border-lighter:rgba(224,231,255,0.05);--palette-border-medium:#312e81;--palette-success-main:#34d399;--palette-success-light:#047857;--palette-success-dark:#10b981;--palette-success-border:#065f46;--palette-error-main:#f87171;--palette-error-light:#b91c1c;--palette-error-dark:#ef4444;--palette-error-border:#991b1b;--palette-warning-main:#fb7185;--palette-warning-light:#881337;--palette-warning-dark:#e11d48;--palette-warning-border:#be123c;--palette-info-main:#60a5fa;--palette-info-light:#1d4ed8;--palette-info-dark:#3b82f6;--palette-on-info:#0f0c29;--palette-info-border:#2563eb;--palette-accent-main:#f472b6;--palette-accent-light:#f9a8d4;--palette-accent-dark:#ec4899;--palette-on-accent:#0f0c29;--palette-control-main:#312e81;--palette-control-light:#4338ca;--palette-control-text:#f3f4f6;--palette-control-border:#4338ca}