@qwickapps/react-framework 1.5.3 → 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.
- package/README.md +6 -0
- package/dist/components/Scaffold.d.ts.map +1 -1
- package/dist/hooks/useBaseProps.d.ts +1161 -12
- package/dist/hooks/useBaseProps.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.js +12 -10
- package/dist/index.js +12 -10
- package/dist/palettes/manifest.json +19 -19
- package/dist/palettes/{palette-autumn.1.4.9.css → palette-autumn.1.5.4.css} +8 -8
- package/dist/palettes/{palette-autumn.1.5.1.min.css → palette-autumn.1.5.4.min.css} +1 -1
- package/dist/palettes/palette-autumn.latest.css +8 -8
- package/dist/palettes/palette-autumn.latest.min.css +1 -1
- package/dist/palettes/{palette-cosmic.1.4.9.css → palette-cosmic.1.5.4.css} +8 -8
- package/dist/palettes/{palette-cosmic.1.4.9.min.css → palette-cosmic.1.5.4.min.css} +1 -1
- package/dist/palettes/palette-cosmic.latest.css +8 -8
- package/dist/palettes/palette-cosmic.latest.min.css +1 -1
- package/dist/palettes/{palette-default.1.4.9.css → palette-default.1.5.4.css} +9 -9
- package/dist/palettes/{palette-default.1.4.9.min.css → palette-default.1.5.4.min.css} +1 -1
- package/dist/palettes/palette-default.latest.css +9 -9
- package/dist/palettes/palette-default.latest.min.css +1 -1
- package/dist/palettes/{palette-ocean.1.4.9.css → palette-ocean.1.5.4.css} +8 -8
- package/dist/palettes/{palette-ocean.1.4.9.min.css → palette-ocean.1.5.4.min.css} +1 -1
- package/dist/palettes/palette-ocean.latest.css +8 -8
- package/dist/palettes/palette-ocean.latest.min.css +1 -1
- package/dist/palettes/{palette-spring.1.4.9.css → palette-spring.1.5.4.css} +11 -5
- package/dist/palettes/{palette-spring.1.4.9.min.css → palette-spring.1.5.4.min.css} +1 -1
- package/dist/palettes/palette-spring.latest.css +11 -5
- package/dist/palettes/palette-spring.latest.min.css +1 -1
- package/dist/palettes/{palette-winter.1.4.9.css → palette-winter.1.5.4.css} +7 -7
- package/dist/palettes/{palette-winter.1.4.9.min.css → palette-winter.1.5.4.min.css} +1 -1
- package/dist/palettes/palette-winter.latest.css +7 -7
- package/dist/palettes/palette-winter.latest.min.css +1 -1
- package/package.json +1 -1
- package/src/components/QwickApp.css +2 -0
- package/src/components/Scaffold.css +1 -12
- package/src/components/Scaffold.tsx +11 -10
- package/src/palettes/PaletteAutumn.css +8 -8
- package/src/palettes/PaletteCosmic.css +8 -8
- package/src/palettes/PaletteDefault.css +9 -9
- package/src/palettes/PaletteOcean.css +8 -8
- package/src/palettes/PaletteSpring.css +11 -5
- package/src/palettes/PaletteWinter.css +7 -7
- package/dist/palettes/palette-autumn.1.4.9.min.css +0 -1
- package/dist/palettes/palette-autumn.1.5.0.css +0 -172
- package/dist/palettes/palette-autumn.1.5.0.min.css +0 -1
- package/dist/palettes/palette-autumn.1.5.1.css +0 -172
- package/dist/palettes/palette-autumn.1.5.2.css +0 -172
- package/dist/palettes/palette-autumn.1.5.2.min.css +0 -1
- package/dist/palettes/palette-autumn.1.5.3.css +0 -172
- package/dist/palettes/palette-autumn.1.5.3.min.css +0 -1
- package/dist/palettes/palette-cosmic.1.5.0.css +0 -172
- package/dist/palettes/palette-cosmic.1.5.0.min.css +0 -1
- package/dist/palettes/palette-cosmic.1.5.1.css +0 -172
- package/dist/palettes/palette-cosmic.1.5.1.min.css +0 -1
- package/dist/palettes/palette-cosmic.1.5.2.css +0 -172
- package/dist/palettes/palette-cosmic.1.5.2.min.css +0 -1
- package/dist/palettes/palette-cosmic.1.5.3.css +0 -172
- package/dist/palettes/palette-cosmic.1.5.3.min.css +0 -1
- package/dist/palettes/palette-default.1.5.0.css +0 -178
- package/dist/palettes/palette-default.1.5.0.min.css +0 -1
- package/dist/palettes/palette-default.1.5.1.css +0 -178
- package/dist/palettes/palette-default.1.5.1.min.css +0 -1
- package/dist/palettes/palette-default.1.5.2.css +0 -178
- package/dist/palettes/palette-default.1.5.2.min.css +0 -1
- package/dist/palettes/palette-default.1.5.3.css +0 -178
- package/dist/palettes/palette-default.1.5.3.min.css +0 -1
- package/dist/palettes/palette-ocean.1.5.0.css +0 -172
- package/dist/palettes/palette-ocean.1.5.0.min.css +0 -1
- package/dist/palettes/palette-ocean.1.5.1.css +0 -172
- package/dist/palettes/palette-ocean.1.5.1.min.css +0 -1
- package/dist/palettes/palette-ocean.1.5.2.css +0 -172
- package/dist/palettes/palette-ocean.1.5.2.min.css +0 -1
- package/dist/palettes/palette-ocean.1.5.3.css +0 -172
- package/dist/palettes/palette-ocean.1.5.3.min.css +0 -1
- package/dist/palettes/palette-spring.1.5.0.css +0 -160
- package/dist/palettes/palette-spring.1.5.0.min.css +0 -1
- package/dist/palettes/palette-spring.1.5.1.css +0 -160
- package/dist/palettes/palette-spring.1.5.1.min.css +0 -1
- package/dist/palettes/palette-spring.1.5.2.css +0 -160
- package/dist/palettes/palette-spring.1.5.2.min.css +0 -1
- package/dist/palettes/palette-spring.1.5.3.css +0 -160
- package/dist/palettes/palette-spring.1.5.3.min.css +0 -1
- package/dist/palettes/palette-winter.1.5.0.css +0 -172
- package/dist/palettes/palette-winter.1.5.0.min.css +0 -1
- package/dist/palettes/palette-winter.1.5.1.css +0 -172
- package/dist/palettes/palette-winter.1.5.1.min.css +0 -1
- package/dist/palettes/palette-winter.1.5.2.css +0 -172
- package/dist/palettes/palette-winter.1.5.2.min.css +0 -1
- package/dist/palettes/palette-winter.1.5.3.css +0 -172
- package/dist/palettes/palette-winter.1.5.3.min.css +0 -1
|
@@ -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}
|
|
@@ -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}
|
|
@@ -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}
|