@qwickapps/react-framework 1.5.2 → 1.5.4

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 (81) hide show
  1. package/README.md +10 -0
  2. package/dist/components/Scaffold.d.ts.map +1 -1
  3. package/dist/components/layout/GridLayout.d.ts.map +1 -1
  4. package/dist/hooks/useBaseProps.d.ts +1161 -12
  5. package/dist/hooks/useBaseProps.d.ts.map +1 -1
  6. package/dist/index.css +1 -1
  7. package/dist/index.esm.css +1 -1
  8. package/dist/index.esm.js +14 -11
  9. package/dist/index.js +14 -11
  10. package/dist/palettes/manifest.json +19 -19
  11. package/dist/palettes/{palette-autumn.1.4.9.css → palette-autumn.1.5.4.css} +8 -8
  12. package/dist/palettes/{palette-autumn.1.5.1.min.css → palette-autumn.1.5.4.min.css} +1 -1
  13. package/dist/palettes/palette-autumn.latest.css +8 -8
  14. package/dist/palettes/palette-autumn.latest.min.css +1 -1
  15. package/dist/palettes/{palette-cosmic.1.4.9.css → palette-cosmic.1.5.4.css} +8 -8
  16. package/dist/palettes/{palette-cosmic.1.4.9.min.css → palette-cosmic.1.5.4.min.css} +1 -1
  17. package/dist/palettes/palette-cosmic.latest.css +8 -8
  18. package/dist/palettes/palette-cosmic.latest.min.css +1 -1
  19. package/dist/palettes/{palette-default.1.4.9.css → palette-default.1.5.4.css} +9 -9
  20. package/dist/palettes/{palette-default.1.4.9.min.css → palette-default.1.5.4.min.css} +1 -1
  21. package/dist/palettes/palette-default.latest.css +9 -9
  22. package/dist/palettes/palette-default.latest.min.css +1 -1
  23. package/dist/palettes/{palette-ocean.1.4.9.css → palette-ocean.1.5.4.css} +8 -8
  24. package/dist/palettes/{palette-ocean.1.4.9.min.css → palette-ocean.1.5.4.min.css} +1 -1
  25. package/dist/palettes/palette-ocean.latest.css +8 -8
  26. package/dist/palettes/palette-ocean.latest.min.css +1 -1
  27. package/dist/palettes/{palette-spring.1.4.9.css → palette-spring.1.5.4.css} +11 -5
  28. package/dist/palettes/{palette-spring.1.4.9.min.css → palette-spring.1.5.4.min.css} +1 -1
  29. package/dist/palettes/palette-spring.latest.css +11 -5
  30. package/dist/palettes/palette-spring.latest.min.css +1 -1
  31. package/dist/palettes/{palette-winter.1.4.9.css → palette-winter.1.5.4.css} +7 -7
  32. package/dist/palettes/{palette-winter.1.4.9.min.css → palette-winter.1.5.4.min.css} +1 -1
  33. package/dist/palettes/palette-winter.latest.css +7 -7
  34. package/dist/palettes/palette-winter.latest.min.css +1 -1
  35. package/package.json +1 -1
  36. package/src/components/QwickApp.css +2 -0
  37. package/src/components/Scaffold.css +1 -12
  38. package/src/components/Scaffold.tsx +11 -10
  39. package/src/components/layout/GridLayout.tsx +2 -1
  40. package/src/palettes/PaletteAutumn.css +8 -8
  41. package/src/palettes/PaletteCosmic.css +8 -8
  42. package/src/palettes/PaletteDefault.css +9 -9
  43. package/src/palettes/PaletteOcean.css +8 -8
  44. package/src/palettes/PaletteSpring.css +11 -5
  45. package/src/palettes/PaletteWinter.css +7 -7
  46. package/dist/palettes/palette-autumn.1.4.9.min.css +0 -1
  47. package/dist/palettes/palette-autumn.1.5.0.css +0 -172
  48. package/dist/palettes/palette-autumn.1.5.0.min.css +0 -1
  49. package/dist/palettes/palette-autumn.1.5.1.css +0 -172
  50. package/dist/palettes/palette-autumn.1.5.2.css +0 -172
  51. package/dist/palettes/palette-autumn.1.5.2.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-default.1.5.0.css +0 -178
  59. package/dist/palettes/palette-default.1.5.0.min.css +0 -1
  60. package/dist/palettes/palette-default.1.5.1.css +0 -178
  61. package/dist/palettes/palette-default.1.5.1.min.css +0 -1
  62. package/dist/palettes/palette-default.1.5.2.css +0 -178
  63. package/dist/palettes/palette-default.1.5.2.min.css +0 -1
  64. package/dist/palettes/palette-ocean.1.5.0.css +0 -172
  65. package/dist/palettes/palette-ocean.1.5.0.min.css +0 -1
  66. package/dist/palettes/palette-ocean.1.5.1.css +0 -172
  67. package/dist/palettes/palette-ocean.1.5.1.min.css +0 -1
  68. package/dist/palettes/palette-ocean.1.5.2.css +0 -172
  69. package/dist/palettes/palette-ocean.1.5.2.min.css +0 -1
  70. package/dist/palettes/palette-spring.1.5.0.css +0 -160
  71. package/dist/palettes/palette-spring.1.5.0.min.css +0 -1
  72. package/dist/palettes/palette-spring.1.5.1.css +0 -160
  73. package/dist/palettes/palette-spring.1.5.1.min.css +0 -1
  74. package/dist/palettes/palette-spring.1.5.2.css +0 -160
  75. package/dist/palettes/palette-spring.1.5.2.min.css +0 -1
  76. package/dist/palettes/palette-winter.1.5.0.css +0 -172
  77. package/dist/palettes/palette-winter.1.5.0.min.css +0 -1
  78. package/dist/palettes/palette-winter.1.5.1.css +0 -172
  79. package/dist/palettes/palette-winter.1.5.1.min.css +0 -1
  80. package/dist/palettes/palette-winter.1.5.2.css +0 -172
  81. package/dist/palettes/palette-winter.1.5.2.min.css +0 -1
@@ -1,178 +0,0 @@
1
- /**
2
- * Default Color Palette
3
- *
4
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
5
- *
6
- * Classic blue and neutral color scheme - the original QwickApps palette
7
- */
8
-
9
- /* ===== DEFAULT PALETTE - LIGHT THEME ===== */
10
- html[data-palette="default"]:not([data-theme="dark"]),
11
- html[data-palette="default"][data-theme="light"] {
12
- /* Primary */
13
- --palette-primary-main: #007bff;
14
- --palette-primary-light: #4a90e2;
15
- --palette-primary-dark: #0056b3;
16
- --palette-on-primary: #ffffff;
17
-
18
- /* Secondary */
19
- --palette-secondary-main: #6c757d;
20
- --palette-secondary-light: #868e96;
21
- --palette-secondary-dark: #495057;
22
- --palette-on-secondary: #ffffff;
23
-
24
- /* Surface */
25
- --palette-surface-main: #ffffff;
26
- --palette-surface-variant: #f5f5f5; /* Improved contrast from #fafafa */
27
- --palette-surface-elevated: #ffffff;
28
- --palette-on-surface: #000000;
29
-
30
- /* Background */
31
- --palette-background-main: #ffffff;
32
- --palette-background-dark: #fafafa;
33
- --palette-background-overlay: rgba(255, 255, 255, 0.95);
34
- --palette-on-background: #000000;
35
-
36
- /* Header background with transparency */
37
- --palette-header-bg-start: rgba(255, 255, 255, 0.98);
38
- --palette-header-bg-end: rgba(255, 255, 255, 0.95);
39
- --palette-header-collapsed-bg-start: rgba(255, 255, 255, 0.99);
40
- --palette-header-collapsed-bg-end: rgba(255, 255, 255, 0.96);
41
-
42
- /* Text palette */
43
- --palette-text-primary: #000000;
44
- --palette-text-secondary: #666666;
45
- --palette-text-disabled: rgba(0, 0, 0, 0.38);
46
- --palette-text-inverted: #ffffff;
47
-
48
- /* Border palette */
49
- --palette-border-main: #e0e0e0;
50
- --palette-border-light: rgba(0, 0, 0, 0.12);
51
- --palette-border-lighter: rgba(0, 0, 0, 0.05);
52
- --palette-border-medium: #ccc;
53
-
54
- /* Success palette */
55
- --palette-success-main: #28a745;
56
- --palette-success-light: #d4edda;
57
- --palette-success-dark: #155724;
58
- --palette-on-success: #ffffff;
59
- --palette-success-border: #c3e6cb;
60
-
61
- /* Error palette */
62
- --palette-error-main: #dc3545;
63
- --palette-error-light: #f8d7da;
64
- --palette-error-dark: #721c24;
65
- --palette-on-error: #ffffff;
66
- --palette-error-border: #f5c6cb;
67
-
68
- /* Warning palette */
69
- --palette-warning-main: #ffc107;
70
- --palette-warning-light: #fff3cd;
71
- --palette-warning-dark: #856404;
72
- --palette-on-warning: #000000;
73
- --palette-warning-border: #ffeeba;
74
-
75
- /* Info palette */
76
- --palette-info-main: #007acc;
77
- --palette-info-light: #f0f8ff;
78
- --palette-info-dark: #005588;
79
- --palette-on-info: #ffffff;
80
- --palette-info-border: #007acc;
81
-
82
- /* Accent palette for highlights and branding */
83
- --palette-accent-main: #ff6b35;
84
- --palette-accent-light: #ffb3a0;
85
- --palette-accent-dark: #cc5429;
86
- --palette-on-accent: #ffffff;
87
-
88
- /* Control palette */
89
- --palette-control-main: #1a1a1a;
90
- --palette-control-light: #2a2a2a;
91
- --palette-control-text: #ccc;
92
- --palette-control-border: #333;
93
- }
94
-
95
- /* ===== DEFAULT PALETTE - DARK THEME ===== */
96
- html[data-palette="default"][data-theme="dark"] {
97
- /* Primary */
98
- --palette-primary-main: #4a90e2;
99
- --palette-primary-light: #87ceeb;
100
- --palette-primary-dark: #1a365d;
101
- --palette-on-primary: #ffffff;
102
-
103
- /* Secondary */
104
- --palette-secondary-main: #868e96;
105
- --palette-secondary-light: #adb5bd;
106
- --palette-secondary-dark: #6c757d;
107
- --palette-on-secondary: #ffffff;
108
-
109
- /* Surface */
110
- --palette-surface-main: #1e1e1e;
111
- --palette-surface-variant: #2a2a2a;
112
- --palette-surface-elevated: #353535;
113
- --palette-on-surface: #ffffff;
114
-
115
- /* Background */
116
- --palette-background-main: #121212;
117
- --palette-background-dark: #2a2a2a;
118
- --palette-background-overlay: rgba(30, 30, 30, 0.95);
119
- --palette-on-background: #ffffff;
120
-
121
- /* Header background with transparency */
122
- --palette-header-bg-start: rgba(18, 18, 18, 0.98);
123
- --palette-header-bg-end: rgba(18, 18, 18, 0.95);
124
- --palette-header-collapsed-bg-start: rgba(18, 18, 18, 0.99);
125
- --palette-header-collapsed-bg-end: rgba(18, 18, 18, 0.96);
126
-
127
- /* Text palette */
128
- --palette-text-primary: #ffffff;
129
- --palette-text-secondary: #b0b0b0;
130
- --palette-text-disabled: rgba(255, 255, 255, 0.38);
131
- --palette-text-inverted: #000000;
132
-
133
- /* Border palette */
134
- --palette-border-main: #555;
135
- --palette-border-light: rgba(255, 255, 255, 0.12);
136
- --palette-border-lighter: rgba(255, 255, 255, 0.05);
137
- --palette-border-medium: #333;
138
-
139
- /* Success palette */
140
- --palette-success-main: #4ade80;
141
- --palette-success-light: #064e3b;
142
- --palette-success-dark: #22c55e;
143
- --palette-on-success: #ffffff;
144
- --palette-success-border: #065f46;
145
-
146
- /* Error palette */
147
- --palette-error-main: #f87171;
148
- --palette-error-light: #7f1d1d;
149
- --palette-error-dark: #ef4444;
150
- --palette-on-error: #ffffff;
151
- --palette-error-border: #991b1b;
152
-
153
- /* Warning palette */
154
- --palette-warning-main: #fbbf24;
155
- --palette-warning-light: #78350f;
156
- --palette-warning-dark: #f59e0b;
157
- --palette-on-warning: #000000;
158
- --palette-warning-border: #92400e;
159
-
160
- /* Info palette */
161
- --palette-info-main: #60a5fa;
162
- --palette-info-light: #1e3a8a;
163
- --palette-info-dark: #3b82f6;
164
- --palette-on-info: #ffffff;
165
- --palette-info-border: #1d4ed8;
166
-
167
- /* Accent palette for highlights and branding */
168
- --palette-accent-main: #ff8a65;
169
- --palette-accent-light: #ffcc9c;
170
- --palette-accent-dark: #cc6e52;
171
- --palette-on-accent: #ffffff;
172
-
173
- /* Control palette */
174
- --palette-control-main: #2a2a2a;
175
- --palette-control-light: #3a3a3a;
176
- --palette-control-text: #e0e0e0;
177
- --palette-control-border: #555;
178
- }
@@ -1 +0,0 @@
1
- html[data-palette="default"]:not([data-theme="dark"]),html[data-palette="default"][data-theme="light"]{--palette-primary-main:#007bff;--palette-primary-light:#4a90e2;--palette-primary-dark:#0056b3;--palette-on-primary:#ffffff;--palette-secondary-main:#6c757d;--palette-secondary-light:#868e96;--palette-secondary-dark:#495057;--palette-on-secondary:#ffffff;--palette-surface-main:#ffffff;--palette-surface-variant:#f5f5f5;--palette-surface-elevated:#ffffff;--palette-on-surface:#000000;--palette-background-main:#ffffff;--palette-background-dark:#fafafa;--palette-background-overlay:rgba(255,255,255,0.95);--palette-on-background:#000000;--palette-header-bg-start:rgba(255,255,255,0.98);--palette-header-bg-end:rgba(255,255,255,0.95);--palette-header-collapsed-bg-start:rgba(255,255,255,0.99);--palette-header-collapsed-bg-end:rgba(255,255,255,0.96);--palette-text-primary:#000000;--palette-text-secondary:#666666;--palette-text-disabled:rgba(0,0,0,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#e0e0e0;--palette-border-light:rgba(0,0,0,0.12);--palette-border-lighter:rgba(0,0,0,0.05);--palette-border-medium:#ccc;--palette-success-main:#28a745;--palette-success-light:#d4edda;--palette-success-dark:#155724;--palette-on-success:#ffffff;--palette-success-border:#c3e6cb;--palette-error-main:#dc3545;--palette-error-light:#f8d7da;--palette-error-dark:#721c24;--palette-on-error:#ffffff;--palette-error-border:#f5c6cb;--palette-warning-main:#ffc107;--palette-warning-light:#fff3cd;--palette-warning-dark:#856404;--palette-on-warning:#000000;--palette-warning-border:#ffeeba;--palette-info-main:#007acc;--palette-info-light:#f0f8ff;--palette-info-dark:#005588;--palette-on-info:#ffffff;--palette-info-border:#007acc;--palette-accent-main:#ff6b35;--palette-accent-light:#ffb3a0;--palette-accent-dark:#cc5429;--palette-on-accent:#ffffff;--palette-control-main:#1a1a1a;--palette-control-light:#2a2a2a;--palette-control-text:#ccc;--palette-control-border:#333}html[data-palette="default"][data-theme="dark"]{--palette-primary-main:#4a90e2;--palette-primary-light:#87ceeb;--palette-primary-dark:#1a365d;--palette-on-primary:#ffffff;--palette-secondary-main:#868e96;--palette-secondary-light:#adb5bd;--palette-secondary-dark:#6c757d;--palette-on-secondary:#ffffff;--palette-surface-main:#1e1e1e;--palette-surface-variant:#2a2a2a;--palette-surface-elevated:#353535;--palette-on-surface:#ffffff;--palette-background-main:#121212;--palette-background-dark:#2a2a2a;--palette-background-overlay:rgba(30,30,30,0.95);--palette-on-background:#ffffff;--palette-header-bg-start:rgba(18,18,18,0.98);--palette-header-bg-end:rgba(18,18,18,0.95);--palette-header-collapsed-bg-start:rgba(18,18,18,0.99);--palette-header-collapsed-bg-end:rgba(18,18,18,0.96);--palette-text-primary:#ffffff;--palette-text-secondary:#b0b0b0;--palette-text-disabled:rgba(255,255,255,0.38);--palette-text-inverted:#000000;--palette-border-main:#555;--palette-border-light:rgba(255,255,255,0.12);--palette-border-lighter:rgba(255,255,255,0.05);--palette-border-medium:#333;--palette-success-main:#4ade80;--palette-success-light:#064e3b;--palette-success-dark:#22c55e;--palette-on-success:#ffffff;--palette-success-border:#065f46;--palette-error-main:#f87171;--palette-error-light:#7f1d1d;--palette-error-dark:#ef4444;--palette-on-error:#ffffff;--palette-error-border:#991b1b;--palette-warning-main:#fbbf24;--palette-warning-light:#78350f;--palette-warning-dark:#f59e0b;--palette-on-warning:#000000;--palette-warning-border:#92400e;--palette-info-main:#60a5fa;--palette-info-light:#1e3a8a;--palette-info-dark:#3b82f6;--palette-on-info:#ffffff;--palette-info-border:#1d4ed8;--palette-accent-main:#ff8a65;--palette-accent-light:#ffcc9c;--palette-accent-dark:#cc6e52;--palette-on-accent:#ffffff;--palette-control-main:#2a2a2a;--palette-control-light:#3a3a3a;--palette-control-text:#e0e0e0;--palette-control-border:#555}
@@ -1,178 +0,0 @@
1
- /**
2
- * Default Color Palette
3
- *
4
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
5
- *
6
- * Classic blue and neutral color scheme - the original QwickApps palette
7
- */
8
-
9
- /* ===== DEFAULT PALETTE - LIGHT THEME ===== */
10
- html[data-palette="default"]:not([data-theme="dark"]),
11
- html[data-palette="default"][data-theme="light"] {
12
- /* Primary */
13
- --palette-primary-main: #007bff;
14
- --palette-primary-light: #4a90e2;
15
- --palette-primary-dark: #0056b3;
16
- --palette-on-primary: #ffffff;
17
-
18
- /* Secondary */
19
- --palette-secondary-main: #6c757d;
20
- --palette-secondary-light: #868e96;
21
- --palette-secondary-dark: #495057;
22
- --palette-on-secondary: #ffffff;
23
-
24
- /* Surface */
25
- --palette-surface-main: #ffffff;
26
- --palette-surface-variant: #f5f5f5; /* Improved contrast from #fafafa */
27
- --palette-surface-elevated: #ffffff;
28
- --palette-on-surface: #000000;
29
-
30
- /* Background */
31
- --palette-background-main: #ffffff;
32
- --palette-background-dark: #fafafa;
33
- --palette-background-overlay: rgba(255, 255, 255, 0.95);
34
- --palette-on-background: #000000;
35
-
36
- /* Header background with transparency */
37
- --palette-header-bg-start: rgba(255, 255, 255, 0.98);
38
- --palette-header-bg-end: rgba(255, 255, 255, 0.95);
39
- --palette-header-collapsed-bg-start: rgba(255, 255, 255, 0.99);
40
- --palette-header-collapsed-bg-end: rgba(255, 255, 255, 0.96);
41
-
42
- /* Text palette */
43
- --palette-text-primary: #000000;
44
- --palette-text-secondary: #666666;
45
- --palette-text-disabled: rgba(0, 0, 0, 0.38);
46
- --palette-text-inverted: #ffffff;
47
-
48
- /* Border palette */
49
- --palette-border-main: #e0e0e0;
50
- --palette-border-light: rgba(0, 0, 0, 0.12);
51
- --palette-border-lighter: rgba(0, 0, 0, 0.05);
52
- --palette-border-medium: #ccc;
53
-
54
- /* Success palette */
55
- --palette-success-main: #28a745;
56
- --palette-success-light: #d4edda;
57
- --palette-success-dark: #155724;
58
- --palette-on-success: #ffffff;
59
- --palette-success-border: #c3e6cb;
60
-
61
- /* Error palette */
62
- --palette-error-main: #dc3545;
63
- --palette-error-light: #f8d7da;
64
- --palette-error-dark: #721c24;
65
- --palette-on-error: #ffffff;
66
- --palette-error-border: #f5c6cb;
67
-
68
- /* Warning palette */
69
- --palette-warning-main: #ffc107;
70
- --palette-warning-light: #fff3cd;
71
- --palette-warning-dark: #856404;
72
- --palette-on-warning: #000000;
73
- --palette-warning-border: #ffeeba;
74
-
75
- /* Info palette */
76
- --palette-info-main: #007acc;
77
- --palette-info-light: #f0f8ff;
78
- --palette-info-dark: #005588;
79
- --palette-on-info: #ffffff;
80
- --palette-info-border: #007acc;
81
-
82
- /* Accent palette for highlights and branding */
83
- --palette-accent-main: #ff6b35;
84
- --palette-accent-light: #ffb3a0;
85
- --palette-accent-dark: #cc5429;
86
- --palette-on-accent: #ffffff;
87
-
88
- /* Control palette */
89
- --palette-control-main: #1a1a1a;
90
- --palette-control-light: #2a2a2a;
91
- --palette-control-text: #ccc;
92
- --palette-control-border: #333;
93
- }
94
-
95
- /* ===== DEFAULT PALETTE - DARK THEME ===== */
96
- html[data-palette="default"][data-theme="dark"] {
97
- /* Primary */
98
- --palette-primary-main: #4a90e2;
99
- --palette-primary-light: #87ceeb;
100
- --palette-primary-dark: #1a365d;
101
- --palette-on-primary: #ffffff;
102
-
103
- /* Secondary */
104
- --palette-secondary-main: #868e96;
105
- --palette-secondary-light: #adb5bd;
106
- --palette-secondary-dark: #6c757d;
107
- --palette-on-secondary: #ffffff;
108
-
109
- /* Surface */
110
- --palette-surface-main: #1e1e1e;
111
- --palette-surface-variant: #2a2a2a;
112
- --palette-surface-elevated: #353535;
113
- --palette-on-surface: #ffffff;
114
-
115
- /* Background */
116
- --palette-background-main: #121212;
117
- --palette-background-dark: #2a2a2a;
118
- --palette-background-overlay: rgba(30, 30, 30, 0.95);
119
- --palette-on-background: #ffffff;
120
-
121
- /* Header background with transparency */
122
- --palette-header-bg-start: rgba(18, 18, 18, 0.98);
123
- --palette-header-bg-end: rgba(18, 18, 18, 0.95);
124
- --palette-header-collapsed-bg-start: rgba(18, 18, 18, 0.99);
125
- --palette-header-collapsed-bg-end: rgba(18, 18, 18, 0.96);
126
-
127
- /* Text palette */
128
- --palette-text-primary: #ffffff;
129
- --palette-text-secondary: #b0b0b0;
130
- --palette-text-disabled: rgba(255, 255, 255, 0.38);
131
- --palette-text-inverted: #000000;
132
-
133
- /* Border palette */
134
- --palette-border-main: #555;
135
- --palette-border-light: rgba(255, 255, 255, 0.12);
136
- --palette-border-lighter: rgba(255, 255, 255, 0.05);
137
- --palette-border-medium: #333;
138
-
139
- /* Success palette */
140
- --palette-success-main: #4ade80;
141
- --palette-success-light: #064e3b;
142
- --palette-success-dark: #22c55e;
143
- --palette-on-success: #ffffff;
144
- --palette-success-border: #065f46;
145
-
146
- /* Error palette */
147
- --palette-error-main: #f87171;
148
- --palette-error-light: #7f1d1d;
149
- --palette-error-dark: #ef4444;
150
- --palette-on-error: #ffffff;
151
- --palette-error-border: #991b1b;
152
-
153
- /* Warning palette */
154
- --palette-warning-main: #fbbf24;
155
- --palette-warning-light: #78350f;
156
- --palette-warning-dark: #f59e0b;
157
- --palette-on-warning: #000000;
158
- --palette-warning-border: #92400e;
159
-
160
- /* Info palette */
161
- --palette-info-main: #60a5fa;
162
- --palette-info-light: #1e3a8a;
163
- --palette-info-dark: #3b82f6;
164
- --palette-on-info: #ffffff;
165
- --palette-info-border: #1d4ed8;
166
-
167
- /* Accent palette for highlights and branding */
168
- --palette-accent-main: #ff8a65;
169
- --palette-accent-light: #ffcc9c;
170
- --palette-accent-dark: #cc6e52;
171
- --palette-on-accent: #ffffff;
172
-
173
- /* Control palette */
174
- --palette-control-main: #2a2a2a;
175
- --palette-control-light: #3a3a3a;
176
- --palette-control-text: #e0e0e0;
177
- --palette-control-border: #555;
178
- }
@@ -1 +0,0 @@
1
- html[data-palette="default"]:not([data-theme="dark"]),html[data-palette="default"][data-theme="light"]{--palette-primary-main:#007bff;--palette-primary-light:#4a90e2;--palette-primary-dark:#0056b3;--palette-on-primary:#ffffff;--palette-secondary-main:#6c757d;--palette-secondary-light:#868e96;--palette-secondary-dark:#495057;--palette-on-secondary:#ffffff;--palette-surface-main:#ffffff;--palette-surface-variant:#f5f5f5;--palette-surface-elevated:#ffffff;--palette-on-surface:#000000;--palette-background-main:#ffffff;--palette-background-dark:#fafafa;--palette-background-overlay:rgba(255,255,255,0.95);--palette-on-background:#000000;--palette-header-bg-start:rgba(255,255,255,0.98);--palette-header-bg-end:rgba(255,255,255,0.95);--palette-header-collapsed-bg-start:rgba(255,255,255,0.99);--palette-header-collapsed-bg-end:rgba(255,255,255,0.96);--palette-text-primary:#000000;--palette-text-secondary:#666666;--palette-text-disabled:rgba(0,0,0,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#e0e0e0;--palette-border-light:rgba(0,0,0,0.12);--palette-border-lighter:rgba(0,0,0,0.05);--palette-border-medium:#ccc;--palette-success-main:#28a745;--palette-success-light:#d4edda;--palette-success-dark:#155724;--palette-on-success:#ffffff;--palette-success-border:#c3e6cb;--palette-error-main:#dc3545;--palette-error-light:#f8d7da;--palette-error-dark:#721c24;--palette-on-error:#ffffff;--palette-error-border:#f5c6cb;--palette-warning-main:#ffc107;--palette-warning-light:#fff3cd;--palette-warning-dark:#856404;--palette-on-warning:#000000;--palette-warning-border:#ffeeba;--palette-info-main:#007acc;--palette-info-light:#f0f8ff;--palette-info-dark:#005588;--palette-on-info:#ffffff;--palette-info-border:#007acc;--palette-accent-main:#ff6b35;--palette-accent-light:#ffb3a0;--palette-accent-dark:#cc5429;--palette-on-accent:#ffffff;--palette-control-main:#1a1a1a;--palette-control-light:#2a2a2a;--palette-control-text:#ccc;--palette-control-border:#333}html[data-palette="default"][data-theme="dark"]{--palette-primary-main:#4a90e2;--palette-primary-light:#87ceeb;--palette-primary-dark:#1a365d;--palette-on-primary:#ffffff;--palette-secondary-main:#868e96;--palette-secondary-light:#adb5bd;--palette-secondary-dark:#6c757d;--palette-on-secondary:#ffffff;--palette-surface-main:#1e1e1e;--palette-surface-variant:#2a2a2a;--palette-surface-elevated:#353535;--palette-on-surface:#ffffff;--palette-background-main:#121212;--palette-background-dark:#2a2a2a;--palette-background-overlay:rgba(30,30,30,0.95);--palette-on-background:#ffffff;--palette-header-bg-start:rgba(18,18,18,0.98);--palette-header-bg-end:rgba(18,18,18,0.95);--palette-header-collapsed-bg-start:rgba(18,18,18,0.99);--palette-header-collapsed-bg-end:rgba(18,18,18,0.96);--palette-text-primary:#ffffff;--palette-text-secondary:#b0b0b0;--palette-text-disabled:rgba(255,255,255,0.38);--palette-text-inverted:#000000;--palette-border-main:#555;--palette-border-light:rgba(255,255,255,0.12);--palette-border-lighter:rgba(255,255,255,0.05);--palette-border-medium:#333;--palette-success-main:#4ade80;--palette-success-light:#064e3b;--palette-success-dark:#22c55e;--palette-on-success:#ffffff;--palette-success-border:#065f46;--palette-error-main:#f87171;--palette-error-light:#7f1d1d;--palette-error-dark:#ef4444;--palette-on-error:#ffffff;--palette-error-border:#991b1b;--palette-warning-main:#fbbf24;--palette-warning-light:#78350f;--palette-warning-dark:#f59e0b;--palette-on-warning:#000000;--palette-warning-border:#92400e;--palette-info-main:#60a5fa;--palette-info-light:#1e3a8a;--palette-info-dark:#3b82f6;--palette-on-info:#ffffff;--palette-info-border:#1d4ed8;--palette-accent-main:#ff8a65;--palette-accent-light:#ffcc9c;--palette-accent-dark:#cc6e52;--palette-on-accent:#ffffff;--palette-control-main:#2a2a2a;--palette-control-light:#3a3a3a;--palette-control-text:#e0e0e0;--palette-control-border:#555}
@@ -1,172 +0,0 @@
1
- /**
2
- * Ocean Color Palette
3
- *
4
- * Copyright (c) 2025 QwickApps.com. All rights reserved.
5
- *
6
- * Deep blues, aqua teals, and seafoam greens - inspired by ocean depths
7
- */
8
-
9
- /* ===== OCEAN PALETTE - LIGHT THEME ===== */
10
- html[data-palette="ocean"]:not([data-theme="dark"]),
11
- html[data-palette="ocean"][data-theme="light"] {
12
- /* Primary palette - Deep ocean */
13
- --palette-primary-main: #0891b2;
14
- --palette-primary-light: #22d3ee;
15
- --palette-primary-dark: #164e63;
16
- --palette-on-primary: #ffffff;
17
-
18
- /* Secondary palette - Deep teal */
19
- --palette-secondary-main: #0f766e;
20
- --palette-secondary-light: #14b8a6;
21
- --palette-secondary-dark: #134e4a;
22
- --palette-on-secondary: #ffffff;
23
-
24
- /* Surface palette - Sea foam */
25
- --palette-surface-main: #f0fdfa;
26
- --palette-surface-variant: #ccfbf1;
27
- --palette-surface-elevated: #ffffff;
28
- --palette-on-surface: #164e63;
29
-
30
- /* Background palette - Shallow water */
31
- --palette-background-main: #ecfeff;
32
- --palette-background-dark: #cffafe;
33
- --palette-background-overlay: rgba(236, 254, 255, 0.95);
34
- --palette-on-background: #0f766e;
35
-
36
- /* Header background with transparency */
37
- --palette-header-bg-start: rgba(236, 254, 255, 0.98);
38
- --palette-header-bg-end: rgba(236, 254, 255, 0.95);
39
- --palette-header-collapsed-bg-start: rgba(236, 254, 255, 0.99);
40
- --palette-header-collapsed-bg-end: rgba(236, 254, 255, 0.96);
41
-
42
- /* Text palette - Deep sea */
43
- --palette-text-primary: #164e63;
44
- --palette-text-secondary: #0891b2;
45
- --palette-text-disabled: rgba(22, 78, 99, 0.38);
46
- --palette-text-inverted: #ffffff;
47
-
48
- /* Border palette - Tide line */
49
- --palette-border-main: #a7f3d0;
50
- --palette-border-light: rgba(22, 78, 99, 0.12);
51
- --palette-border-lighter: rgba(22, 78, 99, 0.05);
52
- --palette-border-medium: #67e8f9;
53
-
54
- /* Success palette - Kelp green */
55
- --palette-success-main: #059669;
56
- --palette-success-light: #d1fae5;
57
- --palette-success-dark: #065f46;
58
- --palette-success-border: #a7f3d0;
59
-
60
- /* Error palette - Coral */
61
- --palette-error-main: #ef4444;
62
- --palette-error-light: #fee2e2;
63
- --palette-error-dark: #7f1d1d;
64
- --palette-error-border: #fecaca;
65
-
66
- /* Warning palette - Sandy yellow */
67
- --palette-warning-main: #f59e0b;
68
- --palette-warning-light: #fef3c7;
69
- --palette-warning-dark: #78350f;
70
- --palette-warning-border: #fde68a;
71
-
72
- /* Info palette - Crystal blue */
73
- --palette-info-main: #0ea5e9;
74
- --palette-info-light: #e0f2fe;
75
- --palette-info-dark: #0c4a6e;
76
- --palette-on-info: #ffffff;
77
- --palette-info-border: #7dd3fc;
78
-
79
- /* Accent palette - Coral reef */
80
- --palette-accent-main: #f97316;
81
- --palette-accent-light: #fb923c;
82
- --palette-accent-dark: #ea580c;
83
- --palette-on-accent: #ffffff;
84
-
85
- /* Control palette - Depth */
86
- --palette-control-main: #0c4a6e;
87
- --palette-control-light: #075985;
88
- --palette-control-text: #cffafe;
89
- --palette-control-border: #0891b2;
90
- }
91
-
92
- /* ===== OCEAN PALETTE - DARK THEME ===== */
93
- html[data-palette="ocean"][data-theme="dark"] {
94
- /* Primary palette - Bioluminescent */
95
- --palette-primary-main: #22d3ee;
96
- --palette-primary-light: #67e8f9;
97
- --palette-primary-dark: #0891b2;
98
- --palette-on-primary: #0a1a1f;
99
-
100
- /* Secondary palette - Deep current */
101
- --palette-secondary-main: #5eead4;
102
- --palette-secondary-light: #99f6e4;
103
- --palette-secondary-dark: #14b8a6;
104
- --palette-on-secondary: #0a1a1f;
105
-
106
- /* Surface palette - Abyss */
107
- --palette-surface-main: #0a1a1f;
108
- --palette-surface-variant: #164e63;
109
- --palette-surface-elevated: #0e7490;
110
- --palette-on-surface: #cffafe;
111
-
112
- /* Background palette - Ocean floor */
113
- --palette-background-main: #020617;
114
- --palette-background-dark: #0c1821;
115
- --palette-background-overlay: rgba(10, 26, 31, 0.95);
116
- --palette-on-background: #5eead4;
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 - Phosphorescent */
125
- --palette-text-primary: #cffafe;
126
- --palette-text-secondary: #a5f3fc;
127
- --palette-text-disabled: rgba(207, 250, 254, 0.38);
128
- --palette-text-inverted: #020617;
129
-
130
- /* Border palette - Deep current */
131
- --palette-border-main: #155e75;
132
- --palette-border-light: rgba(207, 250, 254, 0.12);
133
- --palette-border-lighter: rgba(207, 250, 254, 0.05);
134
- --palette-border-medium: #0c4a6e;
135
-
136
- /* Success palette - Algae glow */
137
- --palette-success-main: #34d399;
138
- --palette-success-light: #065f46;
139
- --palette-success-dark: #10b981;
140
- --palette-success-border: #047857;
141
-
142
- /* Error palette - Red tide */
143
- --palette-error-main: #f87171;
144
- --palette-error-light: #7f1d1d;
145
- --palette-error-dark: #ef4444;
146
- --palette-error-border: #991b1b;
147
-
148
- /* Warning palette - Sunset reflection */
149
- --palette-warning-main: #fb7185;
150
- --palette-warning-light: #881337;
151
- --palette-warning-dark: #e11d48;
152
- --palette-warning-border: #be123c;
153
-
154
- /* Info palette - Electric blue */
155
- --palette-info-main: #0ea5e9;
156
- --palette-info-light: #0c4a6e;
157
- --palette-info-dark: #38bdf8;
158
- --palette-on-info: #020617;
159
- --palette-info-border: #0284c7;
160
-
161
- /* Accent palette - Warm coral */
162
- --palette-accent-main: #ea580c;
163
- --palette-accent-light: #fb923c;
164
- --palette-accent-dark: #c2410c;
165
- --palette-on-accent: #cffafe;
166
-
167
- /* Control palette - Midnight depth */
168
- --palette-control-main: #164e63;
169
- --palette-control-light: #0e7490;
170
- --palette-control-text: #ecfeff;
171
- --palette-control-border: #155e75;
172
- }
@@ -1 +0,0 @@
1
- html[data-palette="ocean"]:not([data-theme="dark"]),html[data-palette="ocean"][data-theme="light"]{--palette-primary-main:#0891b2;--palette-primary-light:#22d3ee;--palette-primary-dark:#164e63;--palette-on-primary:#ffffff;--palette-secondary-main:#0f766e;--palette-secondary-light:#14b8a6;--palette-secondary-dark:#134e4a;--palette-on-secondary:#ffffff;--palette-surface-main:#f0fdfa;--palette-surface-variant:#ccfbf1;--palette-surface-elevated:#ffffff;--palette-on-surface:#164e63;--palette-background-main:#ecfeff;--palette-background-dark:#cffafe;--palette-background-overlay:rgba(236,254,255,0.95);--palette-on-background:#0f766e;--palette-header-bg-start:rgba(236,254,255,0.98);--palette-header-bg-end:rgba(236,254,255,0.95);--palette-header-collapsed-bg-start:rgba(236,254,255,0.99);--palette-header-collapsed-bg-end:rgba(236,254,255,0.96);--palette-text-primary:#164e63;--palette-text-secondary:#0891b2;--palette-text-disabled:rgba(22,78,99,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#a7f3d0;--palette-border-light:rgba(22,78,99,0.12);--palette-border-lighter:rgba(22,78,99,0.05);--palette-border-medium:#67e8f9;--palette-success-main:#059669;--palette-success-light:#d1fae5;--palette-success-dark:#065f46;--palette-success-border:#a7f3d0;--palette-error-main:#ef4444;--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:#0ea5e9;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#ffffff;--palette-info-border:#7dd3fc;--palette-accent-main:#f97316;--palette-accent-light:#fb923c;--palette-accent-dark:#ea580c;--palette-on-accent:#ffffff;--palette-control-main:#0c4a6e;--palette-control-light:#075985;--palette-control-text:#cffafe;--palette-control-border:#0891b2}html[data-palette="ocean"][data-theme="dark"]{--palette-primary-main:#22d3ee;--palette-primary-light:#67e8f9;--palette-primary-dark:#0891b2;--palette-on-primary:#0a1a1f;--palette-secondary-main:#5eead4;--palette-secondary-light:#99f6e4;--palette-secondary-dark:#14b8a6;--palette-on-secondary:#0a1a1f;--palette-surface-main:#0a1a1f;--palette-surface-variant:#164e63;--palette-surface-elevated:#0e7490;--palette-on-surface:#cffafe;--palette-background-main:#020617;--palette-background-dark:#0c1821;--palette-background-overlay:rgba(10,26,31,0.95);--palette-on-background:#5eead4;--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:#cffafe;--palette-text-secondary:#a5f3fc;--palette-text-disabled:rgba(207,250,254,0.38);--palette-text-inverted:#020617;--palette-border-main:#155e75;--palette-border-light:rgba(207,250,254,0.12);--palette-border-lighter:rgba(207,250,254,0.05);--palette-border-medium:#0c4a6e;--palette-success-main:#34d399;--palette-success-light:#065f46;--palette-success-dark:#10b981;--palette-success-border:#047857;--palette-error-main:#f87171;--palette-error-light:#7f1d1d;--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:#0ea5e9;--palette-info-light:#0c4a6e;--palette-info-dark:#38bdf8;--palette-on-info:#020617;--palette-info-border:#0284c7;--palette-accent-main:#ea580c;--palette-accent-light:#fb923c;--palette-accent-dark:#c2410c;--palette-on-accent:#cffafe;--palette-control-main:#164e63;--palette-control-light:#0e7490;--palette-control-text:#ecfeff;--palette-control-border:#155e75}