@qwickapps/react-framework 1.5.7 → 1.5.9
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/dist/components/AccessibilityChecker.d.ts.map +1 -1
- package/dist/components/Html.d.ts +1 -1
- package/dist/components/Html.d.ts.map +1 -1
- package/dist/components/Logo.d.ts.map +1 -1
- package/dist/components/Markdown.d.ts +2 -2
- package/dist/components/Markdown.d.ts.map +1 -1
- package/dist/components/SafeSpan.d.ts +1 -1
- package/dist/components/SafeSpan.d.ts.map +1 -1
- package/dist/components/base/ModelView.d.ts +1 -1
- package/dist/components/base/ModelView.d.ts.map +1 -1
- package/dist/components/blocks/Article.d.ts +1 -1
- package/dist/components/blocks/Article.d.ts.map +1 -1
- package/dist/components/blocks/CardListGrid.d.ts.map +1 -1
- package/dist/components/blocks/Code.d.ts.map +1 -1
- package/dist/components/blocks/Content.d.ts.map +1 -1
- package/dist/components/blocks/CoverImageHeader.d.ts.map +1 -1
- package/dist/components/blocks/FeatureCard.d.ts.map +1 -1
- package/dist/components/blocks/FeatureGrid.d.ts.map +1 -1
- package/dist/components/blocks/Footer.d.ts.map +1 -1
- package/dist/components/blocks/Image.d.ts.map +1 -1
- package/dist/components/blocks/PageBannerHeader.d.ts.map +1 -1
- package/dist/components/blocks/ProductCard.d.ts.map +1 -1
- package/dist/components/blocks/Section.d.ts.map +1 -1
- package/dist/components/blocks/Text.d.ts +8 -1
- package/dist/components/blocks/Text.d.ts.map +1 -1
- package/dist/components/buttons/Button.d.ts.map +1 -1
- package/dist/components/buttons/PaletteSwitcher.d.ts.map +1 -1
- package/dist/components/buttons/ThemeSwitcher.d.ts.map +1 -1
- package/dist/components/forms/FormBlock.d.ts +1 -1
- package/dist/components/forms/FormBlock.d.ts.map +1 -1
- package/dist/components/forms/SchemaFormRenderer.d.ts +28 -0
- package/dist/components/forms/SchemaFormRenderer.d.ts.map +1 -0
- package/dist/components/forms/index.d.ts +2 -0
- package/dist/components/forms/index.d.ts.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/input/ChoiceInputField.d.ts.map +1 -1
- package/dist/components/input/HtmlInputField.d.ts.map +1 -1
- package/dist/components/layout/CollapsibleLayout/CollapsibleLayout.d.ts.map +1 -1
- package/dist/components/layout/GridLayout.d.ts +5 -0
- package/dist/components/layout/GridLayout.d.ts.map +1 -1
- package/dist/components/plugins/DataTable.d.ts +57 -0
- package/dist/components/plugins/DataTable.d.ts.map +1 -0
- package/dist/components/plugins/StatCard.d.ts +44 -0
- package/dist/components/plugins/StatCard.d.ts.map +1 -0
- package/dist/components/plugins/index.d.ts +13 -0
- package/dist/components/plugins/index.d.ts.map +1 -0
- package/dist/components/shared/createSerializableView.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.esm.js +5468 -5216
- package/dist/index.js +5572 -5317
- package/dist/palettes/manifest.json +19 -19
- package/dist/schemas/transformers/ReactNodeTransformer.d.ts.map +1 -1
- package/dist/utils/iconMap.d.ts.map +1 -1
- package/package.json +6 -5
- package/src/components/AccessibilityChecker.tsx +10 -7
- package/src/components/ErrorBoundary.tsx +3 -3
- package/src/components/Html.tsx +17 -12
- package/src/components/Logo.tsx +1 -8
- package/src/components/Markdown.tsx +12 -12
- package/src/components/ResponsiveMenu.tsx +1 -1
- package/src/components/SafeSpan.tsx +10 -10
- package/src/components/Scaffold.tsx +4 -4
- package/src/components/base/ModelView.tsx +2 -2
- package/src/components/blocks/Article.tsx +8 -8
- package/src/components/blocks/CardListGrid.tsx +1 -3
- package/src/components/blocks/Code.tsx +10 -8
- package/src/components/blocks/Content.tsx +2 -4
- package/src/components/blocks/CoverImageHeader.tsx +3 -4
- package/src/components/blocks/FeatureCard.tsx +2 -4
- package/src/components/blocks/FeatureGrid.tsx +2 -4
- package/src/components/blocks/Footer.tsx +2 -4
- package/src/components/blocks/Image.tsx +10 -7
- package/src/components/blocks/PageBannerHeader.tsx +3 -4
- package/src/components/blocks/ProductCard.tsx +8 -5
- package/src/components/blocks/Section.tsx +8 -6
- package/src/components/blocks/Text.tsx +22 -14
- package/src/components/buttons/Button.tsx +11 -9
- package/src/components/buttons/PaletteSwitcher.tsx +6 -8
- package/src/components/buttons/ThemeSwitcher.tsx +8 -9
- package/src/components/forms/Captcha.tsx +1 -1
- package/src/components/forms/FormBlock.tsx +3 -5
- package/src/components/forms/FormCheckbox.tsx +1 -1
- package/src/components/forms/FormField.tsx +1 -1
- package/src/components/forms/FormSelect.tsx +1 -1
- package/src/components/forms/SchemaFormRenderer.tsx +268 -0
- package/src/components/forms/__tests__/SchemaFormRenderer.test.tsx +212 -0
- package/src/components/forms/index.ts +3 -0
- package/src/components/index.ts +1 -0
- package/src/components/input/ChoiceInputField.tsx +2 -1
- package/src/components/input/HtmlInputField.tsx +14 -9
- package/src/components/input/TextField.tsx +1 -1
- package/src/components/layout/CollapsibleLayout/CollapsibleLayout.tsx +6 -8
- package/src/components/layout/GridLayout.tsx +4 -0
- package/src/components/plugins/DataTable.tsx +259 -0
- package/src/components/plugins/StatCard.tsx +122 -0
- package/src/components/plugins/__tests__/DataTable.test.tsx +158 -0
- package/src/components/plugins/index.ts +14 -0
- package/src/components/shared/createSerializableView.tsx +8 -6
- package/src/hooks/useBaseProps.ts +1 -1
- package/src/schemas/transformers/ReactNodeTransformer.ts +13 -10
- package/src/utils/iconMap.tsx +143 -83
- package/dist/palettes/palette-autumn.1.4.9.css +0 -172
- 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.1.min.css +0 -1
- 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.4.css +0 -172
- package/dist/palettes/palette-autumn.1.5.4.min.css +0 -1
- package/dist/palettes/palette-autumn.1.5.5.css +0 -172
- package/dist/palettes/palette-autumn.1.5.5.min.css +0 -1
- package/dist/palettes/palette-autumn.1.5.6.css +0 -172
- package/dist/palettes/palette-autumn.1.5.6.min.css +0 -1
- package/dist/palettes/palette-autumn.1.5.7.css +0 -172
- package/dist/palettes/palette-autumn.1.5.7.min.css +0 -1
- package/dist/palettes/palette-cosmic.1.4.9.css +0 -172
- package/dist/palettes/palette-cosmic.1.4.9.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.4.css +0 -172
- package/dist/palettes/palette-cosmic.1.5.4.min.css +0 -1
- package/dist/palettes/palette-cosmic.1.5.5.css +0 -172
- package/dist/palettes/palette-cosmic.1.5.5.min.css +0 -1
- package/dist/palettes/palette-cosmic.1.5.6.css +0 -172
- package/dist/palettes/palette-cosmic.1.5.6.min.css +0 -1
- package/dist/palettes/palette-cosmic.1.5.7.css +0 -172
- package/dist/palettes/palette-cosmic.1.5.7.min.css +0 -1
- package/dist/palettes/palette-default.1.4.9.css +0 -178
- package/dist/palettes/palette-default.1.4.9.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.4.css +0 -178
- package/dist/palettes/palette-default.1.5.4.min.css +0 -1
- package/dist/palettes/palette-default.1.5.5.css +0 -178
- package/dist/palettes/palette-default.1.5.5.min.css +0 -1
- package/dist/palettes/palette-default.1.5.6.css +0 -178
- package/dist/palettes/palette-default.1.5.6.min.css +0 -1
- package/dist/palettes/palette-default.1.5.7.css +0 -178
- package/dist/palettes/palette-default.1.5.7.min.css +0 -1
- package/dist/palettes/palette-ocean.1.4.9.css +0 -172
- package/dist/palettes/palette-ocean.1.4.9.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.4.css +0 -172
- package/dist/palettes/palette-ocean.1.5.4.min.css +0 -1
- package/dist/palettes/palette-ocean.1.5.5.css +0 -172
- package/dist/palettes/palette-ocean.1.5.5.min.css +0 -1
- package/dist/palettes/palette-ocean.1.5.6.css +0 -172
- package/dist/palettes/palette-ocean.1.5.6.min.css +0 -1
- package/dist/palettes/palette-ocean.1.5.7.css +0 -172
- package/dist/palettes/palette-ocean.1.5.7.min.css +0 -1
- package/dist/palettes/palette-spring.1.4.9.css +0 -160
- package/dist/palettes/palette-spring.1.4.9.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.4.css +0 -166
- package/dist/palettes/palette-spring.1.5.4.min.css +0 -1
- package/dist/palettes/palette-spring.1.5.5.css +0 -166
- package/dist/palettes/palette-spring.1.5.5.min.css +0 -1
- package/dist/palettes/palette-spring.1.5.6.css +0 -166
- package/dist/palettes/palette-spring.1.5.6.min.css +0 -1
- package/dist/palettes/palette-spring.1.5.7.css +0 -166
- package/dist/palettes/palette-spring.1.5.7.min.css +0 -1
- package/dist/palettes/palette-winter.1.4.9.css +0 -172
- package/dist/palettes/palette-winter.1.4.9.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.4.css +0 -172
- package/dist/palettes/palette-winter.1.5.4.min.css +0 -1
- package/dist/palettes/palette-winter.1.5.5.css +0 -172
- package/dist/palettes/palette-winter.1.5.5.min.css +0 -1
- package/dist/palettes/palette-winter.1.5.6.css +0 -172
- package/dist/palettes/palette-winter.1.5.6.min.css +0 -1
- package/dist/palettes/palette-winter.1.5.7.css +0 -172
- package/dist/palettes/palette-winter.1.5.7.min.css +0 -1
- /package/dist/palettes/{palette-autumn.1.5.3.css → palette-autumn.1.5.9.css} +0 -0
- /package/dist/palettes/{palette-autumn.1.5.3.min.css → palette-autumn.1.5.9.min.css} +0 -0
- /package/dist/palettes/{palette-cosmic.1.5.3.css → palette-cosmic.1.5.9.css} +0 -0
- /package/dist/palettes/{palette-cosmic.1.5.3.min.css → palette-cosmic.1.5.9.min.css} +0 -0
- /package/dist/palettes/{palette-default.1.5.3.css → palette-default.1.5.9.css} +0 -0
- /package/dist/palettes/{palette-default.1.5.3.min.css → palette-default.1.5.9.min.css} +0 -0
- /package/dist/palettes/{palette-ocean.1.5.3.css → palette-ocean.1.5.9.css} +0 -0
- /package/dist/palettes/{palette-ocean.1.5.3.min.css → palette-ocean.1.5.9.min.css} +0 -0
- /package/dist/palettes/{palette-spring.1.5.3.css → palette-spring.1.5.9.css} +0 -0
- /package/dist/palettes/{palette-spring.1.5.3.min.css → palette-spring.1.5.9.min.css} +0 -0
- /package/dist/palettes/{palette-winter.1.5.3.css → palette-winter.1.5.9.css} +0 -0
- /package/dist/palettes/{palette-winter.1.5.3.min.css → palette-winter.1.5.9.min.css} +0 -0
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Spring Color Palette
|
|
3
|
-
*
|
|
4
|
-
* Copyright (c) 2025 QwickApps.com. All rights reserved.
|
|
5
|
-
*
|
|
6
|
-
* Fresh greens, soft pinks, and bright yellows - inspired by spring blooms
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
/* ===== SPRING PALETTE - LIGHT THEME ===== */
|
|
10
|
-
html[data-palette="spring"]:not([data-theme="dark"]),
|
|
11
|
-
html[data-palette="spring"][data-theme="light"] {
|
|
12
|
-
/* Primary palette - Fresh green */
|
|
13
|
-
--palette-primary-main: #16a34a;
|
|
14
|
-
--palette-primary-light: #4ade80;
|
|
15
|
-
--palette-primary-dark: #15803d;
|
|
16
|
-
--palette-on-primary: #ffffff;
|
|
17
|
-
|
|
18
|
-
/* Secondary palette - Blossom pink */
|
|
19
|
-
--palette-secondary-main: #ec4899;
|
|
20
|
-
--palette-secondary-light: #f472b6;
|
|
21
|
-
--palette-secondary-dark: #be185d;
|
|
22
|
-
--palette-on-secondary: #ffffff;
|
|
23
|
-
|
|
24
|
-
/* Surface palette - Soft white */
|
|
25
|
-
--palette-surface-main: #f7fee7;
|
|
26
|
-
--palette-surface-variant: #d9f7be; /* Improved contrast with subtle green tint */
|
|
27
|
-
--palette-surface-elevated: #ffffff;
|
|
28
|
-
--palette-on-surface: #14532d;
|
|
29
|
-
|
|
30
|
-
/* Background palette - Morning dew */
|
|
31
|
-
--palette-background-main: #f0fdf4;
|
|
32
|
-
--palette-background-dark: #dcfce7;
|
|
33
|
-
--palette-background-overlay: rgba(240, 253, 244, 0.95);
|
|
34
|
-
--palette-on-background: #166534;
|
|
35
|
-
|
|
36
|
-
/* Text palette - Deep forest */
|
|
37
|
-
--palette-text-primary: #14532d;
|
|
38
|
-
--palette-text-secondary: #166534;
|
|
39
|
-
--palette-text-disabled: rgba(20, 83, 45, 0.38);
|
|
40
|
-
--palette-text-inverted: #ffffff;
|
|
41
|
-
|
|
42
|
-
/* Border palette - Sage */
|
|
43
|
-
--palette-border-main: #bbf7d0;
|
|
44
|
-
--palette-border-light: rgba(20, 83, 45, 0.12);
|
|
45
|
-
--palette-border-lighter: rgba(20, 83, 45, 0.05);
|
|
46
|
-
--palette-border-medium: #86efac;
|
|
47
|
-
|
|
48
|
-
/* Success palette - Vibrant green */
|
|
49
|
-
--palette-success-main: #22c55e;
|
|
50
|
-
--palette-success-light: #dcfce7;
|
|
51
|
-
--palette-success-dark: #15803d;
|
|
52
|
-
--palette-success-border: #bbf7d0;
|
|
53
|
-
|
|
54
|
-
/* Error palette - Cherry blossom */
|
|
55
|
-
--palette-error-main: #f43f5e;
|
|
56
|
-
--palette-error-light: #ffe4e6;
|
|
57
|
-
--palette-error-dark: #881337;
|
|
58
|
-
--palette-error-border: #fecdd3;
|
|
59
|
-
|
|
60
|
-
/* Warning palette - Daffodil */
|
|
61
|
-
--palette-warning-main: #eab308;
|
|
62
|
-
--palette-warning-light: #fefce8;
|
|
63
|
-
--palette-warning-dark: #713f12;
|
|
64
|
-
--palette-warning-border: #fef08a;
|
|
65
|
-
|
|
66
|
-
/* Info palette - Sky blue */
|
|
67
|
-
--palette-info-main: #0ea5e9;
|
|
68
|
-
--palette-info-light: #e0f2fe;
|
|
69
|
-
--palette-info-dark: #0c4a6e;
|
|
70
|
-
--palette-on-info: #14532d;
|
|
71
|
-
--palette-info-border: #7dd3fc;
|
|
72
|
-
|
|
73
|
-
/* Accent palette - Cherry blossom */
|
|
74
|
-
--palette-accent-main: #ec4899;
|
|
75
|
-
--palette-accent-light: #fce7f3;
|
|
76
|
-
--palette-accent-dark: #be185d;
|
|
77
|
-
--palette-on-accent: #ffffff;
|
|
78
|
-
|
|
79
|
-
/* Control palette - Rich earth */
|
|
80
|
-
--palette-control-main: #365314;
|
|
81
|
-
--palette-control-light: #4d7c0f;
|
|
82
|
-
--palette-control-text: #ecfdf5;
|
|
83
|
-
--palette-control-border: #65a30d;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
/* ===== SPRING PALETTE - DARK THEME ===== */
|
|
87
|
-
html[data-palette="spring"][data-theme="dark"] {
|
|
88
|
-
/* Primary palette - Neon leaf */
|
|
89
|
-
--palette-primary-main: #4ade80;
|
|
90
|
-
--palette-primary-light: #86efac;
|
|
91
|
-
--palette-primary-dark: #16a34a;
|
|
92
|
-
--palette-on-primary: #0f1f0f;
|
|
93
|
-
|
|
94
|
-
/* Secondary palette - Neon bloom */
|
|
95
|
-
--palette-secondary-main: #f472b6;
|
|
96
|
-
--palette-secondary-light: #f9a8d4;
|
|
97
|
-
--palette-secondary-dark: #ec4899;
|
|
98
|
-
--palette-on-secondary: #0f1f0f;
|
|
99
|
-
|
|
100
|
-
/* Surface palette - Dark moss */
|
|
101
|
-
--palette-surface-main: #162816;
|
|
102
|
-
--palette-surface-variant: #1f351f;
|
|
103
|
-
--palette-surface-elevated: #2d4a2d;
|
|
104
|
-
--palette-on-surface: #dcfce7;
|
|
105
|
-
|
|
106
|
-
/* Background palette - Deep forest */
|
|
107
|
-
--palette-background-main: #060b06;
|
|
108
|
-
--palette-background-dark: #0c140c;
|
|
109
|
-
--palette-background-overlay: rgba(6, 11, 6, 0.95);
|
|
110
|
-
--palette-on-background: #bbf7d0;
|
|
111
|
-
|
|
112
|
-
/* Header background with transparency */
|
|
113
|
-
--palette-header-bg-start: rgba(6, 11, 6, 0.98);
|
|
114
|
-
--palette-header-bg-end: rgba(6, 11, 6, 0.95);
|
|
115
|
-
--palette-header-collapsed-bg-start: rgba(6, 11, 6, 0.99);
|
|
116
|
-
--palette-header-collapsed-bg-end: rgba(6, 11, 6, 0.96);
|
|
117
|
-
|
|
118
|
-
/* Text palette - Moonlit green */
|
|
119
|
-
--palette-text-primary: #dcfce7;
|
|
120
|
-
--palette-text-secondary: #bbf7d0;
|
|
121
|
-
--palette-text-disabled: rgba(220, 252, 231, 0.38);
|
|
122
|
-
--palette-text-inverted: #0a120a;
|
|
123
|
-
|
|
124
|
-
/* Border palette - Night vine */
|
|
125
|
-
--palette-border-main: #166534;
|
|
126
|
-
--palette-border-light: rgba(220, 252, 231, 0.12);
|
|
127
|
-
--palette-border-lighter: rgba(220, 252, 231, 0.05);
|
|
128
|
-
--palette-border-medium: #14532d;
|
|
129
|
-
|
|
130
|
-
/* Success palette - Electric green */
|
|
131
|
-
--palette-success-main: #22c55e;
|
|
132
|
-
--palette-success-light: #14532d;
|
|
133
|
-
--palette-success-dark: #4ade80;
|
|
134
|
-
--palette-success-border: #166534;
|
|
135
|
-
|
|
136
|
-
/* Error palette - Neon pink */
|
|
137
|
-
--palette-error-main: #f472b6;
|
|
138
|
-
--palette-error-light: #881337;
|
|
139
|
-
--palette-error-dark: #ec4899;
|
|
140
|
-
--palette-error-border: #be185d;
|
|
141
|
-
|
|
142
|
-
/* Warning palette - Electric yellow */
|
|
143
|
-
--palette-warning-main: #facc15;
|
|
144
|
-
--palette-warning-light: #713f12;
|
|
145
|
-
--palette-warning-dark: #eab308;
|
|
146
|
-
--palette-warning-border: #a16207;
|
|
147
|
-
|
|
148
|
-
/* Info palette - Electric cyan */
|
|
149
|
-
--palette-info-main: #06b6d4;
|
|
150
|
-
--palette-info-light: #164e63;
|
|
151
|
-
--palette-info-dark: #22d3ee;
|
|
152
|
-
--palette-on-info: #0a120a;
|
|
153
|
-
--palette-info-border: #0891b2;
|
|
154
|
-
|
|
155
|
-
/* Accent palette - Electric bloom */
|
|
156
|
-
--palette-accent-main: #f472b6;
|
|
157
|
-
--palette-accent-light: #fce7f3;
|
|
158
|
-
--palette-accent-dark: #db2777;
|
|
159
|
-
--palette-on-accent: #dcfce7;
|
|
160
|
-
|
|
161
|
-
/* Control palette - Deep forest */
|
|
162
|
-
--palette-control-main: #1a2e1a;
|
|
163
|
-
--palette-control-light: #2d4a2d;
|
|
164
|
-
--palette-control-text: #dcfce7;
|
|
165
|
-
--palette-control-border: #166534;
|
|
166
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
html[data-palette="spring"]:not([data-theme="dark"]),html[data-palette="spring"][data-theme="light"]{--palette-primary-main:#16a34a;--palette-primary-light:#4ade80;--palette-primary-dark:#15803d;--palette-on-primary:#ffffff;--palette-secondary-main:#ec4899;--palette-secondary-light:#f472b6;--palette-secondary-dark:#be185d;--palette-on-secondary:#ffffff;--palette-surface-main:#f7fee7;--palette-surface-variant:#d9f7be;--palette-surface-elevated:#ffffff;--palette-on-surface:#14532d;--palette-background-main:#f0fdf4;--palette-background-dark:#dcfce7;--palette-background-overlay:rgba(240,253,244,0.95);--palette-on-background:#166534;--palette-text-primary:#14532d;--palette-text-secondary:#166534;--palette-text-disabled:rgba(20,83,45,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#bbf7d0;--palette-border-light:rgba(20,83,45,0.12);--palette-border-lighter:rgba(20,83,45,0.05);--palette-border-medium:#86efac;--palette-success-main:#22c55e;--palette-success-light:#dcfce7;--palette-success-dark:#15803d;--palette-success-border:#bbf7d0;--palette-error-main:#f43f5e;--palette-error-light:#ffe4e6;--palette-error-dark:#881337;--palette-error-border:#fecdd3;--palette-warning-main:#eab308;--palette-warning-light:#fefce8;--palette-warning-dark:#713f12;--palette-warning-border:#fef08a;--palette-info-main:#0ea5e9;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#14532d;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#365314;--palette-control-light:#4d7c0f;--palette-control-text:#ecfdf5;--palette-control-border:#65a30d}html[data-palette="spring"][data-theme="dark"]{--palette-primary-main:#4ade80;--palette-primary-light:#86efac;--palette-primary-dark:#16a34a;--palette-on-primary:#0f1f0f;--palette-secondary-main:#f472b6;--palette-secondary-light:#f9a8d4;--palette-secondary-dark:#ec4899;--palette-on-secondary:#0f1f0f;--palette-surface-main:#162816;--palette-surface-variant:#1f351f;--palette-surface-elevated:#2d4a2d;--palette-on-surface:#dcfce7;--palette-background-main:#060b06;--palette-background-dark:#0c140c;--palette-background-overlay:rgba(6,11,6,0.95);--palette-on-background:#bbf7d0;--palette-header-bg-start:rgba(6,11,6,0.98);--palette-header-bg-end:rgba(6,11,6,0.95);--palette-header-collapsed-bg-start:rgba(6,11,6,0.99);--palette-header-collapsed-bg-end:rgba(6,11,6,0.96);--palette-text-primary:#dcfce7;--palette-text-secondary:#bbf7d0;--palette-text-disabled:rgba(220,252,231,0.38);--palette-text-inverted:#0a120a;--palette-border-main:#166534;--palette-border-light:rgba(220,252,231,0.12);--palette-border-lighter:rgba(220,252,231,0.05);--palette-border-medium:#14532d;--palette-success-main:#22c55e;--palette-success-light:#14532d;--palette-success-dark:#4ade80;--palette-success-border:#166534;--palette-error-main:#f472b6;--palette-error-light:#881337;--palette-error-dark:#ec4899;--palette-error-border:#be185d;--palette-warning-main:#facc15;--palette-warning-light:#713f12;--palette-warning-dark:#eab308;--palette-warning-border:#a16207;--palette-info-main:#06b6d4;--palette-info-light:#164e63;--palette-info-dark:#22d3ee;--palette-on-info:#0a120a;--palette-info-border:#0891b2;--palette-accent-main:#f472b6;--palette-accent-light:#fce7f3;--palette-accent-dark:#db2777;--palette-on-accent:#dcfce7;--palette-control-main:#1a2e1a;--palette-control-light:#2d4a2d;--palette-control-text:#dcfce7;--palette-control-border:#166534}
|
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Spring Color Palette
|
|
3
|
-
*
|
|
4
|
-
* Copyright (c) 2025 QwickApps.com. All rights reserved.
|
|
5
|
-
*
|
|
6
|
-
* Fresh greens, soft pinks, and bright yellows - inspired by spring blooms
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
/* ===== SPRING PALETTE - LIGHT THEME ===== */
|
|
10
|
-
html[data-palette="spring"]:not([data-theme="dark"]),
|
|
11
|
-
html[data-palette="spring"][data-theme="light"] {
|
|
12
|
-
/* Primary palette - Fresh green */
|
|
13
|
-
--palette-primary-main: #16a34a;
|
|
14
|
-
--palette-primary-light: #4ade80;
|
|
15
|
-
--palette-primary-dark: #15803d;
|
|
16
|
-
--palette-on-primary: #ffffff;
|
|
17
|
-
|
|
18
|
-
/* Secondary palette - Blossom pink */
|
|
19
|
-
--palette-secondary-main: #ec4899;
|
|
20
|
-
--palette-secondary-light: #f472b6;
|
|
21
|
-
--palette-secondary-dark: #be185d;
|
|
22
|
-
--palette-on-secondary: #ffffff;
|
|
23
|
-
|
|
24
|
-
/* Surface palette - Soft white */
|
|
25
|
-
--palette-surface-main: #f7fee7;
|
|
26
|
-
--palette-surface-variant: #d9f7be; /* Improved contrast with subtle green tint */
|
|
27
|
-
--palette-surface-elevated: #ffffff;
|
|
28
|
-
--palette-on-surface: #14532d;
|
|
29
|
-
|
|
30
|
-
/* Background palette - Morning dew */
|
|
31
|
-
--palette-background-main: #f0fdf4;
|
|
32
|
-
--palette-background-dark: #dcfce7;
|
|
33
|
-
--palette-background-overlay: rgba(240, 253, 244, 0.95);
|
|
34
|
-
--palette-on-background: #166534;
|
|
35
|
-
|
|
36
|
-
/* Text palette - Deep forest */
|
|
37
|
-
--palette-text-primary: #14532d;
|
|
38
|
-
--palette-text-secondary: #166534;
|
|
39
|
-
--palette-text-disabled: rgba(20, 83, 45, 0.38);
|
|
40
|
-
--palette-text-inverted: #ffffff;
|
|
41
|
-
|
|
42
|
-
/* Border palette - Sage */
|
|
43
|
-
--palette-border-main: #bbf7d0;
|
|
44
|
-
--palette-border-light: rgba(20, 83, 45, 0.12);
|
|
45
|
-
--palette-border-lighter: rgba(20, 83, 45, 0.05);
|
|
46
|
-
--palette-border-medium: #86efac;
|
|
47
|
-
|
|
48
|
-
/* Success palette - Vibrant green */
|
|
49
|
-
--palette-success-main: #22c55e;
|
|
50
|
-
--palette-success-light: #dcfce7;
|
|
51
|
-
--palette-success-dark: #15803d;
|
|
52
|
-
--palette-success-border: #bbf7d0;
|
|
53
|
-
|
|
54
|
-
/* Error palette - Cherry blossom */
|
|
55
|
-
--palette-error-main: #f43f5e;
|
|
56
|
-
--palette-error-light: #ffe4e6;
|
|
57
|
-
--palette-error-dark: #881337;
|
|
58
|
-
--palette-error-border: #fecdd3;
|
|
59
|
-
|
|
60
|
-
/* Warning palette - Daffodil */
|
|
61
|
-
--palette-warning-main: #eab308;
|
|
62
|
-
--palette-warning-light: #fefce8;
|
|
63
|
-
--palette-warning-dark: #713f12;
|
|
64
|
-
--palette-warning-border: #fef08a;
|
|
65
|
-
|
|
66
|
-
/* Info palette - Sky blue */
|
|
67
|
-
--palette-info-main: #0ea5e9;
|
|
68
|
-
--palette-info-light: #e0f2fe;
|
|
69
|
-
--palette-info-dark: #0c4a6e;
|
|
70
|
-
--palette-on-info: #14532d;
|
|
71
|
-
--palette-info-border: #7dd3fc;
|
|
72
|
-
|
|
73
|
-
/* Accent palette - Cherry blossom */
|
|
74
|
-
--palette-accent-main: #ec4899;
|
|
75
|
-
--palette-accent-light: #fce7f3;
|
|
76
|
-
--palette-accent-dark: #be185d;
|
|
77
|
-
--palette-on-accent: #ffffff;
|
|
78
|
-
|
|
79
|
-
/* Control palette - Rich earth */
|
|
80
|
-
--palette-control-main: #365314;
|
|
81
|
-
--palette-control-light: #4d7c0f;
|
|
82
|
-
--palette-control-text: #ecfdf5;
|
|
83
|
-
--palette-control-border: #65a30d;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
/* ===== SPRING PALETTE - DARK THEME ===== */
|
|
87
|
-
html[data-palette="spring"][data-theme="dark"] {
|
|
88
|
-
/* Primary palette - Neon leaf */
|
|
89
|
-
--palette-primary-main: #4ade80;
|
|
90
|
-
--palette-primary-light: #86efac;
|
|
91
|
-
--palette-primary-dark: #16a34a;
|
|
92
|
-
--palette-on-primary: #0f1f0f;
|
|
93
|
-
|
|
94
|
-
/* Secondary palette - Neon bloom */
|
|
95
|
-
--palette-secondary-main: #f472b6;
|
|
96
|
-
--palette-secondary-light: #f9a8d4;
|
|
97
|
-
--palette-secondary-dark: #ec4899;
|
|
98
|
-
--palette-on-secondary: #0f1f0f;
|
|
99
|
-
|
|
100
|
-
/* Surface palette - Dark moss */
|
|
101
|
-
--palette-surface-main: #162816;
|
|
102
|
-
--palette-surface-variant: #1f351f;
|
|
103
|
-
--palette-surface-elevated: #2d4a2d;
|
|
104
|
-
--palette-on-surface: #dcfce7;
|
|
105
|
-
|
|
106
|
-
/* Background palette - Deep forest */
|
|
107
|
-
--palette-background-main: #060b06;
|
|
108
|
-
--palette-background-dark: #0c140c;
|
|
109
|
-
--palette-background-overlay: rgba(6, 11, 6, 0.95);
|
|
110
|
-
--palette-on-background: #bbf7d0;
|
|
111
|
-
|
|
112
|
-
/* Header background with transparency */
|
|
113
|
-
--palette-header-bg-start: rgba(6, 11, 6, 0.98);
|
|
114
|
-
--palette-header-bg-end: rgba(6, 11, 6, 0.95);
|
|
115
|
-
--palette-header-collapsed-bg-start: rgba(6, 11, 6, 0.99);
|
|
116
|
-
--palette-header-collapsed-bg-end: rgba(6, 11, 6, 0.96);
|
|
117
|
-
|
|
118
|
-
/* Text palette - Moonlit green */
|
|
119
|
-
--palette-text-primary: #dcfce7;
|
|
120
|
-
--palette-text-secondary: #bbf7d0;
|
|
121
|
-
--palette-text-disabled: rgba(220, 252, 231, 0.38);
|
|
122
|
-
--palette-text-inverted: #0a120a;
|
|
123
|
-
|
|
124
|
-
/* Border palette - Night vine */
|
|
125
|
-
--palette-border-main: #166534;
|
|
126
|
-
--palette-border-light: rgba(220, 252, 231, 0.12);
|
|
127
|
-
--palette-border-lighter: rgba(220, 252, 231, 0.05);
|
|
128
|
-
--palette-border-medium: #14532d;
|
|
129
|
-
|
|
130
|
-
/* Success palette - Electric green */
|
|
131
|
-
--palette-success-main: #22c55e;
|
|
132
|
-
--palette-success-light: #14532d;
|
|
133
|
-
--palette-success-dark: #4ade80;
|
|
134
|
-
--palette-success-border: #166534;
|
|
135
|
-
|
|
136
|
-
/* Error palette - Neon pink */
|
|
137
|
-
--palette-error-main: #f472b6;
|
|
138
|
-
--palette-error-light: #881337;
|
|
139
|
-
--palette-error-dark: #ec4899;
|
|
140
|
-
--palette-error-border: #be185d;
|
|
141
|
-
|
|
142
|
-
/* Warning palette - Electric yellow */
|
|
143
|
-
--palette-warning-main: #facc15;
|
|
144
|
-
--palette-warning-light: #713f12;
|
|
145
|
-
--palette-warning-dark: #eab308;
|
|
146
|
-
--palette-warning-border: #a16207;
|
|
147
|
-
|
|
148
|
-
/* Info palette - Electric cyan */
|
|
149
|
-
--palette-info-main: #06b6d4;
|
|
150
|
-
--palette-info-light: #164e63;
|
|
151
|
-
--palette-info-dark: #22d3ee;
|
|
152
|
-
--palette-on-info: #0a120a;
|
|
153
|
-
--palette-info-border: #0891b2;
|
|
154
|
-
|
|
155
|
-
/* Accent palette - Electric bloom */
|
|
156
|
-
--palette-accent-main: #f472b6;
|
|
157
|
-
--palette-accent-light: #fce7f3;
|
|
158
|
-
--palette-accent-dark: #db2777;
|
|
159
|
-
--palette-on-accent: #dcfce7;
|
|
160
|
-
|
|
161
|
-
/* Control palette - Deep forest */
|
|
162
|
-
--palette-control-main: #1a2e1a;
|
|
163
|
-
--palette-control-light: #2d4a2d;
|
|
164
|
-
--palette-control-text: #dcfce7;
|
|
165
|
-
--palette-control-border: #166534;
|
|
166
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
html[data-palette="spring"]:not([data-theme="dark"]),html[data-palette="spring"][data-theme="light"]{--palette-primary-main:#16a34a;--palette-primary-light:#4ade80;--palette-primary-dark:#15803d;--palette-on-primary:#ffffff;--palette-secondary-main:#ec4899;--palette-secondary-light:#f472b6;--palette-secondary-dark:#be185d;--palette-on-secondary:#ffffff;--palette-surface-main:#f7fee7;--palette-surface-variant:#d9f7be;--palette-surface-elevated:#ffffff;--palette-on-surface:#14532d;--palette-background-main:#f0fdf4;--palette-background-dark:#dcfce7;--palette-background-overlay:rgba(240,253,244,0.95);--palette-on-background:#166534;--palette-text-primary:#14532d;--palette-text-secondary:#166534;--palette-text-disabled:rgba(20,83,45,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#bbf7d0;--palette-border-light:rgba(20,83,45,0.12);--palette-border-lighter:rgba(20,83,45,0.05);--palette-border-medium:#86efac;--palette-success-main:#22c55e;--palette-success-light:#dcfce7;--palette-success-dark:#15803d;--palette-success-border:#bbf7d0;--palette-error-main:#f43f5e;--palette-error-light:#ffe4e6;--palette-error-dark:#881337;--palette-error-border:#fecdd3;--palette-warning-main:#eab308;--palette-warning-light:#fefce8;--palette-warning-dark:#713f12;--palette-warning-border:#fef08a;--palette-info-main:#0ea5e9;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#14532d;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#365314;--palette-control-light:#4d7c0f;--palette-control-text:#ecfdf5;--palette-control-border:#65a30d}html[data-palette="spring"][data-theme="dark"]{--palette-primary-main:#4ade80;--palette-primary-light:#86efac;--palette-primary-dark:#16a34a;--palette-on-primary:#0f1f0f;--palette-secondary-main:#f472b6;--palette-secondary-light:#f9a8d4;--palette-secondary-dark:#ec4899;--palette-on-secondary:#0f1f0f;--palette-surface-main:#162816;--palette-surface-variant:#1f351f;--palette-surface-elevated:#2d4a2d;--palette-on-surface:#dcfce7;--palette-background-main:#060b06;--palette-background-dark:#0c140c;--palette-background-overlay:rgba(6,11,6,0.95);--palette-on-background:#bbf7d0;--palette-header-bg-start:rgba(6,11,6,0.98);--palette-header-bg-end:rgba(6,11,6,0.95);--palette-header-collapsed-bg-start:rgba(6,11,6,0.99);--palette-header-collapsed-bg-end:rgba(6,11,6,0.96);--palette-text-primary:#dcfce7;--palette-text-secondary:#bbf7d0;--palette-text-disabled:rgba(220,252,231,0.38);--palette-text-inverted:#0a120a;--palette-border-main:#166534;--palette-border-light:rgba(220,252,231,0.12);--palette-border-lighter:rgba(220,252,231,0.05);--palette-border-medium:#14532d;--palette-success-main:#22c55e;--palette-success-light:#14532d;--palette-success-dark:#4ade80;--palette-success-border:#166534;--palette-error-main:#f472b6;--palette-error-light:#881337;--palette-error-dark:#ec4899;--palette-error-border:#be185d;--palette-warning-main:#facc15;--palette-warning-light:#713f12;--palette-warning-dark:#eab308;--palette-warning-border:#a16207;--palette-info-main:#06b6d4;--palette-info-light:#164e63;--palette-info-dark:#22d3ee;--palette-on-info:#0a120a;--palette-info-border:#0891b2;--palette-accent-main:#f472b6;--palette-accent-light:#fce7f3;--palette-accent-dark:#db2777;--palette-on-accent:#dcfce7;--palette-control-main:#1a2e1a;--palette-control-light:#2d4a2d;--palette-control-text:#dcfce7;--palette-control-border:#166534}
|
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Spring Color Palette
|
|
3
|
-
*
|
|
4
|
-
* Copyright (c) 2025 QwickApps.com. All rights reserved.
|
|
5
|
-
*
|
|
6
|
-
* Fresh greens, soft pinks, and bright yellows - inspired by spring blooms
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
/* ===== SPRING PALETTE - LIGHT THEME ===== */
|
|
10
|
-
html[data-palette="spring"]:not([data-theme="dark"]),
|
|
11
|
-
html[data-palette="spring"][data-theme="light"] {
|
|
12
|
-
/* Primary palette - Fresh green */
|
|
13
|
-
--palette-primary-main: #16a34a;
|
|
14
|
-
--palette-primary-light: #4ade80;
|
|
15
|
-
--palette-primary-dark: #15803d;
|
|
16
|
-
--palette-on-primary: #ffffff;
|
|
17
|
-
|
|
18
|
-
/* Secondary palette - Blossom pink */
|
|
19
|
-
--palette-secondary-main: #ec4899;
|
|
20
|
-
--palette-secondary-light: #f472b6;
|
|
21
|
-
--palette-secondary-dark: #be185d;
|
|
22
|
-
--palette-on-secondary: #ffffff;
|
|
23
|
-
|
|
24
|
-
/* Surface palette - Soft white */
|
|
25
|
-
--palette-surface-main: #f7fee7;
|
|
26
|
-
--palette-surface-variant: #d9f7be; /* Improved contrast with subtle green tint */
|
|
27
|
-
--palette-surface-elevated: #ffffff;
|
|
28
|
-
--palette-on-surface: #14532d;
|
|
29
|
-
|
|
30
|
-
/* Background palette - Morning dew */
|
|
31
|
-
--palette-background-main: #f0fdf4;
|
|
32
|
-
--palette-background-dark: #dcfce7;
|
|
33
|
-
--palette-background-overlay: rgba(240, 253, 244, 0.95);
|
|
34
|
-
--palette-on-background: #166534;
|
|
35
|
-
|
|
36
|
-
/* Text palette - Deep forest */
|
|
37
|
-
--palette-text-primary: #14532d;
|
|
38
|
-
--palette-text-secondary: #166534;
|
|
39
|
-
--palette-text-disabled: rgba(20, 83, 45, 0.38);
|
|
40
|
-
--palette-text-inverted: #ffffff;
|
|
41
|
-
|
|
42
|
-
/* Border palette - Sage */
|
|
43
|
-
--palette-border-main: #bbf7d0;
|
|
44
|
-
--palette-border-light: rgba(20, 83, 45, 0.12);
|
|
45
|
-
--palette-border-lighter: rgba(20, 83, 45, 0.05);
|
|
46
|
-
--palette-border-medium: #86efac;
|
|
47
|
-
|
|
48
|
-
/* Success palette - Vibrant green */
|
|
49
|
-
--palette-success-main: #22c55e;
|
|
50
|
-
--palette-success-light: #dcfce7;
|
|
51
|
-
--palette-success-dark: #15803d;
|
|
52
|
-
--palette-success-border: #bbf7d0;
|
|
53
|
-
|
|
54
|
-
/* Error palette - Cherry blossom */
|
|
55
|
-
--palette-error-main: #f43f5e;
|
|
56
|
-
--palette-error-light: #ffe4e6;
|
|
57
|
-
--palette-error-dark: #881337;
|
|
58
|
-
--palette-error-border: #fecdd3;
|
|
59
|
-
|
|
60
|
-
/* Warning palette - Daffodil */
|
|
61
|
-
--palette-warning-main: #eab308;
|
|
62
|
-
--palette-warning-light: #fefce8;
|
|
63
|
-
--palette-warning-dark: #713f12;
|
|
64
|
-
--palette-warning-border: #fef08a;
|
|
65
|
-
|
|
66
|
-
/* Info palette - Sky blue */
|
|
67
|
-
--palette-info-main: #0ea5e9;
|
|
68
|
-
--palette-info-light: #e0f2fe;
|
|
69
|
-
--palette-info-dark: #0c4a6e;
|
|
70
|
-
--palette-on-info: #14532d;
|
|
71
|
-
--palette-info-border: #7dd3fc;
|
|
72
|
-
|
|
73
|
-
/* Accent palette - Cherry blossom */
|
|
74
|
-
--palette-accent-main: #ec4899;
|
|
75
|
-
--palette-accent-light: #fce7f3;
|
|
76
|
-
--palette-accent-dark: #be185d;
|
|
77
|
-
--palette-on-accent: #ffffff;
|
|
78
|
-
|
|
79
|
-
/* Control palette - Rich earth */
|
|
80
|
-
--palette-control-main: #365314;
|
|
81
|
-
--palette-control-light: #4d7c0f;
|
|
82
|
-
--palette-control-text: #ecfdf5;
|
|
83
|
-
--palette-control-border: #65a30d;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
/* ===== SPRING PALETTE - DARK THEME ===== */
|
|
87
|
-
html[data-palette="spring"][data-theme="dark"] {
|
|
88
|
-
/* Primary palette - Neon leaf */
|
|
89
|
-
--palette-primary-main: #4ade80;
|
|
90
|
-
--palette-primary-light: #86efac;
|
|
91
|
-
--palette-primary-dark: #16a34a;
|
|
92
|
-
--palette-on-primary: #0f1f0f;
|
|
93
|
-
|
|
94
|
-
/* Secondary palette - Neon bloom */
|
|
95
|
-
--palette-secondary-main: #f472b6;
|
|
96
|
-
--palette-secondary-light: #f9a8d4;
|
|
97
|
-
--palette-secondary-dark: #ec4899;
|
|
98
|
-
--palette-on-secondary: #0f1f0f;
|
|
99
|
-
|
|
100
|
-
/* Surface palette - Dark moss */
|
|
101
|
-
--palette-surface-main: #162816;
|
|
102
|
-
--palette-surface-variant: #1f351f;
|
|
103
|
-
--palette-surface-elevated: #2d4a2d;
|
|
104
|
-
--palette-on-surface: #dcfce7;
|
|
105
|
-
|
|
106
|
-
/* Background palette - Deep forest */
|
|
107
|
-
--palette-background-main: #060b06;
|
|
108
|
-
--palette-background-dark: #0c140c;
|
|
109
|
-
--palette-background-overlay: rgba(6, 11, 6, 0.95);
|
|
110
|
-
--palette-on-background: #bbf7d0;
|
|
111
|
-
|
|
112
|
-
/* Header background with transparency */
|
|
113
|
-
--palette-header-bg-start: rgba(6, 11, 6, 0.98);
|
|
114
|
-
--palette-header-bg-end: rgba(6, 11, 6, 0.95);
|
|
115
|
-
--palette-header-collapsed-bg-start: rgba(6, 11, 6, 0.99);
|
|
116
|
-
--palette-header-collapsed-bg-end: rgba(6, 11, 6, 0.96);
|
|
117
|
-
|
|
118
|
-
/* Text palette - Moonlit green */
|
|
119
|
-
--palette-text-primary: #dcfce7;
|
|
120
|
-
--palette-text-secondary: #bbf7d0;
|
|
121
|
-
--palette-text-disabled: rgba(220, 252, 231, 0.38);
|
|
122
|
-
--palette-text-inverted: #0a120a;
|
|
123
|
-
|
|
124
|
-
/* Border palette - Night vine */
|
|
125
|
-
--palette-border-main: #166534;
|
|
126
|
-
--palette-border-light: rgba(220, 252, 231, 0.12);
|
|
127
|
-
--palette-border-lighter: rgba(220, 252, 231, 0.05);
|
|
128
|
-
--palette-border-medium: #14532d;
|
|
129
|
-
|
|
130
|
-
/* Success palette - Electric green */
|
|
131
|
-
--palette-success-main: #22c55e;
|
|
132
|
-
--palette-success-light: #14532d;
|
|
133
|
-
--palette-success-dark: #4ade80;
|
|
134
|
-
--palette-success-border: #166534;
|
|
135
|
-
|
|
136
|
-
/* Error palette - Neon pink */
|
|
137
|
-
--palette-error-main: #f472b6;
|
|
138
|
-
--palette-error-light: #881337;
|
|
139
|
-
--palette-error-dark: #ec4899;
|
|
140
|
-
--palette-error-border: #be185d;
|
|
141
|
-
|
|
142
|
-
/* Warning palette - Electric yellow */
|
|
143
|
-
--palette-warning-main: #facc15;
|
|
144
|
-
--palette-warning-light: #713f12;
|
|
145
|
-
--palette-warning-dark: #eab308;
|
|
146
|
-
--palette-warning-border: #a16207;
|
|
147
|
-
|
|
148
|
-
/* Info palette - Electric cyan */
|
|
149
|
-
--palette-info-main: #06b6d4;
|
|
150
|
-
--palette-info-light: #164e63;
|
|
151
|
-
--palette-info-dark: #22d3ee;
|
|
152
|
-
--palette-on-info: #0a120a;
|
|
153
|
-
--palette-info-border: #0891b2;
|
|
154
|
-
|
|
155
|
-
/* Accent palette - Electric bloom */
|
|
156
|
-
--palette-accent-main: #f472b6;
|
|
157
|
-
--palette-accent-light: #fce7f3;
|
|
158
|
-
--palette-accent-dark: #db2777;
|
|
159
|
-
--palette-on-accent: #dcfce7;
|
|
160
|
-
|
|
161
|
-
/* Control palette - Deep forest */
|
|
162
|
-
--palette-control-main: #1a2e1a;
|
|
163
|
-
--palette-control-light: #2d4a2d;
|
|
164
|
-
--palette-control-text: #dcfce7;
|
|
165
|
-
--palette-control-border: #166534;
|
|
166
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
html[data-palette="spring"]:not([data-theme="dark"]),html[data-palette="spring"][data-theme="light"]{--palette-primary-main:#16a34a;--palette-primary-light:#4ade80;--palette-primary-dark:#15803d;--palette-on-primary:#ffffff;--palette-secondary-main:#ec4899;--palette-secondary-light:#f472b6;--palette-secondary-dark:#be185d;--palette-on-secondary:#ffffff;--palette-surface-main:#f7fee7;--palette-surface-variant:#d9f7be;--palette-surface-elevated:#ffffff;--palette-on-surface:#14532d;--palette-background-main:#f0fdf4;--palette-background-dark:#dcfce7;--palette-background-overlay:rgba(240,253,244,0.95);--palette-on-background:#166534;--palette-text-primary:#14532d;--palette-text-secondary:#166534;--palette-text-disabled:rgba(20,83,45,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#bbf7d0;--palette-border-light:rgba(20,83,45,0.12);--palette-border-lighter:rgba(20,83,45,0.05);--palette-border-medium:#86efac;--palette-success-main:#22c55e;--palette-success-light:#dcfce7;--palette-success-dark:#15803d;--palette-success-border:#bbf7d0;--palette-error-main:#f43f5e;--palette-error-light:#ffe4e6;--palette-error-dark:#881337;--palette-error-border:#fecdd3;--palette-warning-main:#eab308;--palette-warning-light:#fefce8;--palette-warning-dark:#713f12;--palette-warning-border:#fef08a;--palette-info-main:#0ea5e9;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#14532d;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#365314;--palette-control-light:#4d7c0f;--palette-control-text:#ecfdf5;--palette-control-border:#65a30d}html[data-palette="spring"][data-theme="dark"]{--palette-primary-main:#4ade80;--palette-primary-light:#86efac;--palette-primary-dark:#16a34a;--palette-on-primary:#0f1f0f;--palette-secondary-main:#f472b6;--palette-secondary-light:#f9a8d4;--palette-secondary-dark:#ec4899;--palette-on-secondary:#0f1f0f;--palette-surface-main:#162816;--palette-surface-variant:#1f351f;--palette-surface-elevated:#2d4a2d;--palette-on-surface:#dcfce7;--palette-background-main:#060b06;--palette-background-dark:#0c140c;--palette-background-overlay:rgba(6,11,6,0.95);--palette-on-background:#bbf7d0;--palette-header-bg-start:rgba(6,11,6,0.98);--palette-header-bg-end:rgba(6,11,6,0.95);--palette-header-collapsed-bg-start:rgba(6,11,6,0.99);--palette-header-collapsed-bg-end:rgba(6,11,6,0.96);--palette-text-primary:#dcfce7;--palette-text-secondary:#bbf7d0;--palette-text-disabled:rgba(220,252,231,0.38);--palette-text-inverted:#0a120a;--palette-border-main:#166534;--palette-border-light:rgba(220,252,231,0.12);--palette-border-lighter:rgba(220,252,231,0.05);--palette-border-medium:#14532d;--palette-success-main:#22c55e;--palette-success-light:#14532d;--palette-success-dark:#4ade80;--palette-success-border:#166534;--palette-error-main:#f472b6;--palette-error-light:#881337;--palette-error-dark:#ec4899;--palette-error-border:#be185d;--palette-warning-main:#facc15;--palette-warning-light:#713f12;--palette-warning-dark:#eab308;--palette-warning-border:#a16207;--palette-info-main:#06b6d4;--palette-info-light:#164e63;--palette-info-dark:#22d3ee;--palette-on-info:#0a120a;--palette-info-border:#0891b2;--palette-accent-main:#f472b6;--palette-accent-light:#fce7f3;--palette-accent-dark:#db2777;--palette-on-accent:#dcfce7;--palette-control-main:#1a2e1a;--palette-control-light:#2d4a2d;--palette-control-text:#dcfce7;--palette-control-border:#166534}
|
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Spring Color Palette
|
|
3
|
-
*
|
|
4
|
-
* Copyright (c) 2025 QwickApps.com. All rights reserved.
|
|
5
|
-
*
|
|
6
|
-
* Fresh greens, soft pinks, and bright yellows - inspired by spring blooms
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
/* ===== SPRING PALETTE - LIGHT THEME ===== */
|
|
10
|
-
html[data-palette="spring"]:not([data-theme="dark"]),
|
|
11
|
-
html[data-palette="spring"][data-theme="light"] {
|
|
12
|
-
/* Primary palette - Fresh green */
|
|
13
|
-
--palette-primary-main: #16a34a;
|
|
14
|
-
--palette-primary-light: #4ade80;
|
|
15
|
-
--palette-primary-dark: #15803d;
|
|
16
|
-
--palette-on-primary: #ffffff;
|
|
17
|
-
|
|
18
|
-
/* Secondary palette - Blossom pink */
|
|
19
|
-
--palette-secondary-main: #ec4899;
|
|
20
|
-
--palette-secondary-light: #f472b6;
|
|
21
|
-
--palette-secondary-dark: #be185d;
|
|
22
|
-
--palette-on-secondary: #ffffff;
|
|
23
|
-
|
|
24
|
-
/* Surface palette - Soft white */
|
|
25
|
-
--palette-surface-main: #f7fee7;
|
|
26
|
-
--palette-surface-variant: #d9f7be; /* Improved contrast with subtle green tint */
|
|
27
|
-
--palette-surface-elevated: #ffffff;
|
|
28
|
-
--palette-on-surface: #14532d;
|
|
29
|
-
|
|
30
|
-
/* Background palette - Morning dew */
|
|
31
|
-
--palette-background-main: #f0fdf4;
|
|
32
|
-
--palette-background-dark: #dcfce7;
|
|
33
|
-
--palette-background-overlay: rgba(240, 253, 244, 0.95);
|
|
34
|
-
--palette-on-background: #166534;
|
|
35
|
-
|
|
36
|
-
/* Text palette - Deep forest */
|
|
37
|
-
--palette-text-primary: #14532d;
|
|
38
|
-
--palette-text-secondary: #166534;
|
|
39
|
-
--palette-text-disabled: rgba(20, 83, 45, 0.38);
|
|
40
|
-
--palette-text-inverted: #ffffff;
|
|
41
|
-
|
|
42
|
-
/* Border palette - Sage */
|
|
43
|
-
--palette-border-main: #bbf7d0;
|
|
44
|
-
--palette-border-light: rgba(20, 83, 45, 0.12);
|
|
45
|
-
--palette-border-lighter: rgba(20, 83, 45, 0.05);
|
|
46
|
-
--palette-border-medium: #86efac;
|
|
47
|
-
|
|
48
|
-
/* Success palette - Vibrant green */
|
|
49
|
-
--palette-success-main: #22c55e;
|
|
50
|
-
--palette-success-light: #dcfce7;
|
|
51
|
-
--palette-success-dark: #15803d;
|
|
52
|
-
--palette-success-border: #bbf7d0;
|
|
53
|
-
|
|
54
|
-
/* Error palette - Cherry blossom */
|
|
55
|
-
--palette-error-main: #f43f5e;
|
|
56
|
-
--palette-error-light: #ffe4e6;
|
|
57
|
-
--palette-error-dark: #881337;
|
|
58
|
-
--palette-error-border: #fecdd3;
|
|
59
|
-
|
|
60
|
-
/* Warning palette - Daffodil */
|
|
61
|
-
--palette-warning-main: #eab308;
|
|
62
|
-
--palette-warning-light: #fefce8;
|
|
63
|
-
--palette-warning-dark: #713f12;
|
|
64
|
-
--palette-warning-border: #fef08a;
|
|
65
|
-
|
|
66
|
-
/* Info palette - Sky blue */
|
|
67
|
-
--palette-info-main: #0ea5e9;
|
|
68
|
-
--palette-info-light: #e0f2fe;
|
|
69
|
-
--palette-info-dark: #0c4a6e;
|
|
70
|
-
--palette-on-info: #14532d;
|
|
71
|
-
--palette-info-border: #7dd3fc;
|
|
72
|
-
|
|
73
|
-
/* Accent palette - Cherry blossom */
|
|
74
|
-
--palette-accent-main: #ec4899;
|
|
75
|
-
--palette-accent-light: #fce7f3;
|
|
76
|
-
--palette-accent-dark: #be185d;
|
|
77
|
-
--palette-on-accent: #ffffff;
|
|
78
|
-
|
|
79
|
-
/* Control palette - Rich earth */
|
|
80
|
-
--palette-control-main: #365314;
|
|
81
|
-
--palette-control-light: #4d7c0f;
|
|
82
|
-
--palette-control-text: #ecfdf5;
|
|
83
|
-
--palette-control-border: #65a30d;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
/* ===== SPRING PALETTE - DARK THEME ===== */
|
|
87
|
-
html[data-palette="spring"][data-theme="dark"] {
|
|
88
|
-
/* Primary palette - Neon leaf */
|
|
89
|
-
--palette-primary-main: #4ade80;
|
|
90
|
-
--palette-primary-light: #86efac;
|
|
91
|
-
--palette-primary-dark: #16a34a;
|
|
92
|
-
--palette-on-primary: #0f1f0f;
|
|
93
|
-
|
|
94
|
-
/* Secondary palette - Neon bloom */
|
|
95
|
-
--palette-secondary-main: #f472b6;
|
|
96
|
-
--palette-secondary-light: #f9a8d4;
|
|
97
|
-
--palette-secondary-dark: #ec4899;
|
|
98
|
-
--palette-on-secondary: #0f1f0f;
|
|
99
|
-
|
|
100
|
-
/* Surface palette - Dark moss */
|
|
101
|
-
--palette-surface-main: #162816;
|
|
102
|
-
--palette-surface-variant: #1f351f;
|
|
103
|
-
--palette-surface-elevated: #2d4a2d;
|
|
104
|
-
--palette-on-surface: #dcfce7;
|
|
105
|
-
|
|
106
|
-
/* Background palette - Deep forest */
|
|
107
|
-
--palette-background-main: #060b06;
|
|
108
|
-
--palette-background-dark: #0c140c;
|
|
109
|
-
--palette-background-overlay: rgba(6, 11, 6, 0.95);
|
|
110
|
-
--palette-on-background: #bbf7d0;
|
|
111
|
-
|
|
112
|
-
/* Header background with transparency */
|
|
113
|
-
--palette-header-bg-start: rgba(6, 11, 6, 0.98);
|
|
114
|
-
--palette-header-bg-end: rgba(6, 11, 6, 0.95);
|
|
115
|
-
--palette-header-collapsed-bg-start: rgba(6, 11, 6, 0.99);
|
|
116
|
-
--palette-header-collapsed-bg-end: rgba(6, 11, 6, 0.96);
|
|
117
|
-
|
|
118
|
-
/* Text palette - Moonlit green */
|
|
119
|
-
--palette-text-primary: #dcfce7;
|
|
120
|
-
--palette-text-secondary: #bbf7d0;
|
|
121
|
-
--palette-text-disabled: rgba(220, 252, 231, 0.38);
|
|
122
|
-
--palette-text-inverted: #0a120a;
|
|
123
|
-
|
|
124
|
-
/* Border palette - Night vine */
|
|
125
|
-
--palette-border-main: #166534;
|
|
126
|
-
--palette-border-light: rgba(220, 252, 231, 0.12);
|
|
127
|
-
--palette-border-lighter: rgba(220, 252, 231, 0.05);
|
|
128
|
-
--palette-border-medium: #14532d;
|
|
129
|
-
|
|
130
|
-
/* Success palette - Electric green */
|
|
131
|
-
--palette-success-main: #22c55e;
|
|
132
|
-
--palette-success-light: #14532d;
|
|
133
|
-
--palette-success-dark: #4ade80;
|
|
134
|
-
--palette-success-border: #166534;
|
|
135
|
-
|
|
136
|
-
/* Error palette - Neon pink */
|
|
137
|
-
--palette-error-main: #f472b6;
|
|
138
|
-
--palette-error-light: #881337;
|
|
139
|
-
--palette-error-dark: #ec4899;
|
|
140
|
-
--palette-error-border: #be185d;
|
|
141
|
-
|
|
142
|
-
/* Warning palette - Electric yellow */
|
|
143
|
-
--palette-warning-main: #facc15;
|
|
144
|
-
--palette-warning-light: #713f12;
|
|
145
|
-
--palette-warning-dark: #eab308;
|
|
146
|
-
--palette-warning-border: #a16207;
|
|
147
|
-
|
|
148
|
-
/* Info palette - Electric cyan */
|
|
149
|
-
--palette-info-main: #06b6d4;
|
|
150
|
-
--palette-info-light: #164e63;
|
|
151
|
-
--palette-info-dark: #22d3ee;
|
|
152
|
-
--palette-on-info: #0a120a;
|
|
153
|
-
--palette-info-border: #0891b2;
|
|
154
|
-
|
|
155
|
-
/* Accent palette - Electric bloom */
|
|
156
|
-
--palette-accent-main: #f472b6;
|
|
157
|
-
--palette-accent-light: #fce7f3;
|
|
158
|
-
--palette-accent-dark: #db2777;
|
|
159
|
-
--palette-on-accent: #dcfce7;
|
|
160
|
-
|
|
161
|
-
/* Control palette - Deep forest */
|
|
162
|
-
--palette-control-main: #1a2e1a;
|
|
163
|
-
--palette-control-light: #2d4a2d;
|
|
164
|
-
--palette-control-text: #dcfce7;
|
|
165
|
-
--palette-control-border: #166534;
|
|
166
|
-
}
|