@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.
- package/README.md +10 -0
- package/dist/components/Scaffold.d.ts.map +1 -1
- package/dist/components/layout/GridLayout.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 +14 -11
- package/dist/index.js +14 -11
- 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/components/layout/GridLayout.tsx +2 -1
- 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-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-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-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-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-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
|
@@ -1 +1 @@
|
|
|
1
|
-
html[data-palette="spring"]:not([data-theme="dark"]),html[data-palette="spring"][data-theme="light"]{--palette-primary-main:#16a34a;--palette-primary-light:#4ade80;--palette-primary-dark:#15803d;--palette-on-primary:#ffffff;--palette-secondary-main:#ec4899;--palette-secondary-light:#f472b6;--palette-secondary-dark:#be185d;--palette-on-secondary:#ffffff;--palette-surface-main:#f7fee7;--palette-surface-variant:#d9f7be;--palette-surface-elevated:#ffffff;--palette-on-surface:#14532d;--palette-background-main:#f0fdf4;--palette-background-dark:#dcfce7;--palette-background-overlay:rgba(240,253,244,0.95);--palette-on-background:#166534;--palette-text-primary:#14532d;--palette-text-secondary:#166534;--palette-text-disabled:rgba(20,83,45,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#bbf7d0;--palette-border-light:rgba(20,83,45,0.12);--palette-border-lighter:rgba(20,83,45,0.05);--palette-border-medium:#86efac;--palette-success-main:#22c55e;--palette-success-light:#dcfce7;--palette-success-dark:#15803d;--palette-success-border:#bbf7d0;--palette-error-main:#f43f5e;--palette-error-light:#ffe4e6;--palette-error-dark:#881337;--palette-error-border:#fecdd3;--palette-warning-main:#eab308;--palette-warning-light:#fefce8;--palette-warning-dark:#713f12;--palette-warning-border:#fef08a;--palette-info-main:#0ea5e9;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#14532d;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#365314;--palette-control-light:#4d7c0f;--palette-control-text:#ecfdf5;--palette-control-border:#65a30d}html[data-palette="spring"][data-theme="dark"]{--palette-primary-main:#4ade80;--palette-primary-light:#86efac;--palette-primary-dark:#16a34a;--palette-on-primary:#0f1f0f;--palette-secondary-main:#f472b6;--palette-secondary-light:#f9a8d4;--palette-secondary-dark:#ec4899;--palette-on-secondary:#0f1f0f;--palette-surface-main:#
|
|
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}
|
|
@@ -104,22 +104,22 @@ html[data-palette="winter"][data-theme="dark"] {
|
|
|
104
104
|
--palette-on-secondary: #020617;
|
|
105
105
|
|
|
106
106
|
/* Surface palette - Dark frost */
|
|
107
|
-
--palette-surface-main: #
|
|
107
|
+
--palette-surface-main: #172033;
|
|
108
108
|
--palette-surface-variant: #1e293b;
|
|
109
109
|
--palette-surface-elevated: #334155;
|
|
110
110
|
--palette-on-surface: #f8fafc;
|
|
111
111
|
|
|
112
112
|
/* Background palette - Winter night */
|
|
113
|
-
--palette-background-main: #
|
|
114
|
-
--palette-background-dark: #
|
|
113
|
+
--palette-background-main: #04080f;
|
|
114
|
+
--palette-background-dark: #0a1018;
|
|
115
115
|
--palette-background-overlay: rgba(15, 23, 42, 0.95);
|
|
116
116
|
--palette-on-background: #cbd5e1;
|
|
117
117
|
|
|
118
118
|
/* Header background with transparency */
|
|
119
|
-
--palette-header-bg-start: rgba(
|
|
120
|
-
--palette-header-bg-end: rgba(
|
|
121
|
-
--palette-header-collapsed-bg-start: rgba(
|
|
122
|
-
--palette-header-collapsed-bg-end: rgba(
|
|
119
|
+
--palette-header-bg-start: rgba(4, 8, 15, 0.98);
|
|
120
|
+
--palette-header-bg-end: rgba(4, 8, 15, 0.95);
|
|
121
|
+
--palette-header-collapsed-bg-start: rgba(4, 8, 15, 0.99);
|
|
122
|
+
--palette-header-collapsed-bg-end: rgba(4, 8, 15, 0.96);
|
|
123
123
|
|
|
124
124
|
/* Text palette - Snow and ice */
|
|
125
125
|
--palette-text-primary: #f8fafc;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
html[data-palette="winter"]:not([data-theme="dark"]),html[data-palette="winter"][data-theme="light"]{--palette-primary-main:#0077be;--palette-primary-light:#5ba3d0;--palette-primary-dark:#005082;--palette-on-primary:#ffffff;--palette-secondary-main:#4682b4;--palette-secondary-light:#7ba7cc;--palette-secondary-dark:#2e5984;--palette-on-secondary:#ffffff;--palette-surface-main:#fafbfc;--palette-surface-variant:#e2e8f0;--palette-surface-elevated:#ffffff;--palette-on-surface:#0f172a;--palette-background-main:#f8fafc;--palette-background-dark:#f1f5f9;--palette-background-overlay:rgba(248,250,252,0.95);--palette-on-background:#475569;--palette-header-bg-start:rgba(248,250,252,0.98);--palette-header-bg-end:rgba(248,250,252,0.95);--palette-header-collapsed-bg-start:rgba(248,250,252,0.99);--palette-header-collapsed-bg-end:rgba(248,250,252,0.96);--palette-text-primary:#0f172a;--palette-text-secondary:#475569;--palette-text-disabled:rgba(15,23,42,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#cbd5e1;--palette-border-light:rgba(15,23,42,0.12);--palette-border-lighter:rgba(15,23,42,0.05);--palette-border-medium:#94a3b8;--palette-success-main:#059669;--palette-success-light:#d1fae5;--palette-success-dark:#064e3b;--palette-success-border:#a7f3d0;--palette-error-main:#dc2626;--palette-error-light:#fee2e2;--palette-error-dark:#7f1d1d;--palette-error-border:#fecaca;--palette-warning-main:#d97706;--palette-warning-light:#fef3c7;--palette-warning-dark:#92400e;--palette-warning-border:#fde68a;--palette-info-main:#0284c7;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#ffffff;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#1e293b;--palette-control-light:#334155;--palette-control-text:#e2e8f0;--palette-control-border:#475569}html[data-palette="winter"][data-theme="dark"]{--palette-primary-main:#7dd3fc;--palette-primary-light:#bae6fd;--palette-primary-dark:#0369a1;--palette-on-primary:#020617;--palette-secondary-main:#94a3b8;--palette-secondary-light:#cbd5e1;--palette-secondary-dark:#64748b;--palette-on-secondary:#020617;--palette-surface-main:#
|
|
1
|
+
html[data-palette="winter"]:not([data-theme="dark"]),html[data-palette="winter"][data-theme="light"]{--palette-primary-main:#0077be;--palette-primary-light:#5ba3d0;--palette-primary-dark:#005082;--palette-on-primary:#ffffff;--palette-secondary-main:#4682b4;--palette-secondary-light:#7ba7cc;--palette-secondary-dark:#2e5984;--palette-on-secondary:#ffffff;--palette-surface-main:#fafbfc;--palette-surface-variant:#e2e8f0;--palette-surface-elevated:#ffffff;--palette-on-surface:#0f172a;--palette-background-main:#f8fafc;--palette-background-dark:#f1f5f9;--palette-background-overlay:rgba(248,250,252,0.95);--palette-on-background:#475569;--palette-header-bg-start:rgba(248,250,252,0.98);--palette-header-bg-end:rgba(248,250,252,0.95);--palette-header-collapsed-bg-start:rgba(248,250,252,0.99);--palette-header-collapsed-bg-end:rgba(248,250,252,0.96);--palette-text-primary:#0f172a;--palette-text-secondary:#475569;--palette-text-disabled:rgba(15,23,42,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#cbd5e1;--palette-border-light:rgba(15,23,42,0.12);--palette-border-lighter:rgba(15,23,42,0.05);--palette-border-medium:#94a3b8;--palette-success-main:#059669;--palette-success-light:#d1fae5;--palette-success-dark:#064e3b;--palette-success-border:#a7f3d0;--palette-error-main:#dc2626;--palette-error-light:#fee2e2;--palette-error-dark:#7f1d1d;--palette-error-border:#fecaca;--palette-warning-main:#d97706;--palette-warning-light:#fef3c7;--palette-warning-dark:#92400e;--palette-warning-border:#fde68a;--palette-info-main:#0284c7;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#ffffff;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#1e293b;--palette-control-light:#334155;--palette-control-text:#e2e8f0;--palette-control-border:#475569}html[data-palette="winter"][data-theme="dark"]{--palette-primary-main:#7dd3fc;--palette-primary-light:#bae6fd;--palette-primary-dark:#0369a1;--palette-on-primary:#020617;--palette-secondary-main:#94a3b8;--palette-secondary-light:#cbd5e1;--palette-secondary-dark:#64748b;--palette-on-secondary:#020617;--palette-surface-main:#172033;--palette-surface-variant:#1e293b;--palette-surface-elevated:#334155;--palette-on-surface:#f8fafc;--palette-background-main:#04080f;--palette-background-dark:#0a1018;--palette-background-overlay:rgba(15,23,42,0.95);--palette-on-background:#cbd5e1;--palette-header-bg-start:rgba(4,8,15,0.98);--palette-header-bg-end:rgba(4,8,15,0.95);--palette-header-collapsed-bg-start:rgba(4,8,15,0.99);--palette-header-collapsed-bg-end:rgba(4,8,15,0.96);--palette-text-primary:#f8fafc;--palette-text-secondary:#cbd5e1;--palette-text-disabled:rgba(248,250,252,0.38);--palette-text-inverted:#020617;--palette-border-main:#475569;--palette-border-light:rgba(248,250,252,0.12);--palette-border-lighter:rgba(248,250,252,0.05);--palette-border-medium:#334155;--palette-success-main:#34d399;--palette-success-light:#064e3b;--palette-success-dark:#10b981;--palette-success-border:#065f46;--palette-error-main:#f87171;--palette-error-light:#7f1d1d;--palette-error-dark:#ef4444;--palette-error-border:#991b1b;--palette-warning-main:#fb923c;--palette-warning-light:#9a3412;--palette-warning-dark:#f97316;--palette-warning-border:#c2410c;--palette-info-main:#38bdf8;--palette-info-light:#0c4a6e;--palette-info-dark:#0ea5e9;--palette-on-info:#020617;--palette-info-border:#0284c7;--palette-accent-main:#f472b6;--palette-accent-light:#fce7f3;--palette-accent-dark:#db2777;--palette-on-accent:#f8fafc;--palette-control-main:#1e293b;--palette-control-light:#334155;--palette-control-text:#e2e8f0;--palette-control-border:#475569}
|
|
@@ -104,22 +104,22 @@ html[data-palette="winter"][data-theme="dark"] {
|
|
|
104
104
|
--palette-on-secondary: #020617;
|
|
105
105
|
|
|
106
106
|
/* Surface palette - Dark frost */
|
|
107
|
-
--palette-surface-main: #
|
|
107
|
+
--palette-surface-main: #172033;
|
|
108
108
|
--palette-surface-variant: #1e293b;
|
|
109
109
|
--palette-surface-elevated: #334155;
|
|
110
110
|
--palette-on-surface: #f8fafc;
|
|
111
111
|
|
|
112
112
|
/* Background palette - Winter night */
|
|
113
|
-
--palette-background-main: #
|
|
114
|
-
--palette-background-dark: #
|
|
113
|
+
--palette-background-main: #04080f;
|
|
114
|
+
--palette-background-dark: #0a1018;
|
|
115
115
|
--palette-background-overlay: rgba(15, 23, 42, 0.95);
|
|
116
116
|
--palette-on-background: #cbd5e1;
|
|
117
117
|
|
|
118
118
|
/* Header background with transparency */
|
|
119
|
-
--palette-header-bg-start: rgba(
|
|
120
|
-
--palette-header-bg-end: rgba(
|
|
121
|
-
--palette-header-collapsed-bg-start: rgba(
|
|
122
|
-
--palette-header-collapsed-bg-end: rgba(
|
|
119
|
+
--palette-header-bg-start: rgba(4, 8, 15, 0.98);
|
|
120
|
+
--palette-header-bg-end: rgba(4, 8, 15, 0.95);
|
|
121
|
+
--palette-header-collapsed-bg-start: rgba(4, 8, 15, 0.99);
|
|
122
|
+
--palette-header-collapsed-bg-end: rgba(4, 8, 15, 0.96);
|
|
123
123
|
|
|
124
124
|
/* Text palette - Snow and ice */
|
|
125
125
|
--palette-text-primary: #f8fafc;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
html[data-palette="winter"]:not([data-theme="dark"]),html[data-palette="winter"][data-theme="light"]{--palette-primary-main:#0077be;--palette-primary-light:#5ba3d0;--palette-primary-dark:#005082;--palette-on-primary:#ffffff;--palette-secondary-main:#4682b4;--palette-secondary-light:#7ba7cc;--palette-secondary-dark:#2e5984;--palette-on-secondary:#ffffff;--palette-surface-main:#fafbfc;--palette-surface-variant:#e2e8f0;--palette-surface-elevated:#ffffff;--palette-on-surface:#0f172a;--palette-background-main:#f8fafc;--palette-background-dark:#f1f5f9;--palette-background-overlay:rgba(248,250,252,0.95);--palette-on-background:#475569;--palette-header-bg-start:rgba(248,250,252,0.98);--palette-header-bg-end:rgba(248,250,252,0.95);--palette-header-collapsed-bg-start:rgba(248,250,252,0.99);--palette-header-collapsed-bg-end:rgba(248,250,252,0.96);--palette-text-primary:#0f172a;--palette-text-secondary:#475569;--palette-text-disabled:rgba(15,23,42,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#cbd5e1;--palette-border-light:rgba(15,23,42,0.12);--palette-border-lighter:rgba(15,23,42,0.05);--palette-border-medium:#94a3b8;--palette-success-main:#059669;--palette-success-light:#d1fae5;--palette-success-dark:#064e3b;--palette-success-border:#a7f3d0;--palette-error-main:#dc2626;--palette-error-light:#fee2e2;--palette-error-dark:#7f1d1d;--palette-error-border:#fecaca;--palette-warning-main:#d97706;--palette-warning-light:#fef3c7;--palette-warning-dark:#92400e;--palette-warning-border:#fde68a;--palette-info-main:#0284c7;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#ffffff;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#1e293b;--palette-control-light:#334155;--palette-control-text:#e2e8f0;--palette-control-border:#475569}html[data-palette="winter"][data-theme="dark"]{--palette-primary-main:#7dd3fc;--palette-primary-light:#bae6fd;--palette-primary-dark:#0369a1;--palette-on-primary:#020617;--palette-secondary-main:#94a3b8;--palette-secondary-light:#cbd5e1;--palette-secondary-dark:#64748b;--palette-on-secondary:#020617;--palette-surface-main:#
|
|
1
|
+
html[data-palette="winter"]:not([data-theme="dark"]),html[data-palette="winter"][data-theme="light"]{--palette-primary-main:#0077be;--palette-primary-light:#5ba3d0;--palette-primary-dark:#005082;--palette-on-primary:#ffffff;--palette-secondary-main:#4682b4;--palette-secondary-light:#7ba7cc;--palette-secondary-dark:#2e5984;--palette-on-secondary:#ffffff;--palette-surface-main:#fafbfc;--palette-surface-variant:#e2e8f0;--palette-surface-elevated:#ffffff;--palette-on-surface:#0f172a;--palette-background-main:#f8fafc;--palette-background-dark:#f1f5f9;--palette-background-overlay:rgba(248,250,252,0.95);--palette-on-background:#475569;--palette-header-bg-start:rgba(248,250,252,0.98);--palette-header-bg-end:rgba(248,250,252,0.95);--palette-header-collapsed-bg-start:rgba(248,250,252,0.99);--palette-header-collapsed-bg-end:rgba(248,250,252,0.96);--palette-text-primary:#0f172a;--palette-text-secondary:#475569;--palette-text-disabled:rgba(15,23,42,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#cbd5e1;--palette-border-light:rgba(15,23,42,0.12);--palette-border-lighter:rgba(15,23,42,0.05);--palette-border-medium:#94a3b8;--palette-success-main:#059669;--palette-success-light:#d1fae5;--palette-success-dark:#064e3b;--palette-success-border:#a7f3d0;--palette-error-main:#dc2626;--palette-error-light:#fee2e2;--palette-error-dark:#7f1d1d;--palette-error-border:#fecaca;--palette-warning-main:#d97706;--palette-warning-light:#fef3c7;--palette-warning-dark:#92400e;--palette-warning-border:#fde68a;--palette-info-main:#0284c7;--palette-info-light:#e0f2fe;--palette-info-dark:#0c4a6e;--palette-on-info:#ffffff;--palette-info-border:#7dd3fc;--palette-accent-main:#ec4899;--palette-accent-light:#fce7f3;--palette-accent-dark:#be185d;--palette-on-accent:#ffffff;--palette-control-main:#1e293b;--palette-control-light:#334155;--palette-control-text:#e2e8f0;--palette-control-border:#475569}html[data-palette="winter"][data-theme="dark"]{--palette-primary-main:#7dd3fc;--palette-primary-light:#bae6fd;--palette-primary-dark:#0369a1;--palette-on-primary:#020617;--palette-secondary-main:#94a3b8;--palette-secondary-light:#cbd5e1;--palette-secondary-dark:#64748b;--palette-on-secondary:#020617;--palette-surface-main:#172033;--palette-surface-variant:#1e293b;--palette-surface-elevated:#334155;--palette-on-surface:#f8fafc;--palette-background-main:#04080f;--palette-background-dark:#0a1018;--palette-background-overlay:rgba(15,23,42,0.95);--palette-on-background:#cbd5e1;--palette-header-bg-start:rgba(4,8,15,0.98);--palette-header-bg-end:rgba(4,8,15,0.95);--palette-header-collapsed-bg-start:rgba(4,8,15,0.99);--palette-header-collapsed-bg-end:rgba(4,8,15,0.96);--palette-text-primary:#f8fafc;--palette-text-secondary:#cbd5e1;--palette-text-disabled:rgba(248,250,252,0.38);--palette-text-inverted:#020617;--palette-border-main:#475569;--palette-border-light:rgba(248,250,252,0.12);--palette-border-lighter:rgba(248,250,252,0.05);--palette-border-medium:#334155;--palette-success-main:#34d399;--palette-success-light:#064e3b;--palette-success-dark:#10b981;--palette-success-border:#065f46;--palette-error-main:#f87171;--palette-error-light:#7f1d1d;--palette-error-dark:#ef4444;--palette-error-border:#991b1b;--palette-warning-main:#fb923c;--palette-warning-light:#9a3412;--palette-warning-dark:#f97316;--palette-warning-border:#c2410c;--palette-info-main:#38bdf8;--palette-info-light:#0c4a6e;--palette-info-dark:#0ea5e9;--palette-on-info:#020617;--palette-info-border:#0284c7;--palette-accent-main:#f472b6;--palette-accent-light:#fce7f3;--palette-accent-dark:#db2777;--palette-on-accent:#f8fafc;--palette-control-main:#1e293b;--palette-control-light:#334155;--palette-control-text:#e2e8f0;--palette-control-border:#475569}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qwickapps/react-framework",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Complete React framework with responsive navigation, flexible layouts, theming system, and reusable components for building modern applications.",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -436,6 +436,8 @@ button:focus,
|
|
|
436
436
|
|
|
437
437
|
/* Improve standard element appearances */
|
|
438
438
|
html, body, #root {
|
|
439
|
+
margin: 0;
|
|
440
|
+
padding: 0;
|
|
439
441
|
background-color: var(--theme-surface) !important;
|
|
440
442
|
color: var(--theme-on-surface) !important;
|
|
441
443
|
font-family: 'Roboto', sans-serif;
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
--menu-border: var(--theme-outline-variant);
|
|
24
24
|
--menu-shadow: rgba(0, 0, 0, 0.1);
|
|
25
25
|
|
|
26
|
-
--scaffold-background: var(--theme-
|
|
26
|
+
--scaffold-background: var(--theme-background);
|
|
27
27
|
--scaffold-surface: var(--theme-surface);
|
|
28
28
|
--scaffold-on-surface: var(--theme-on-surface);
|
|
29
29
|
--scaffold-primary: var(--theme-primary);
|
|
@@ -452,20 +452,9 @@
|
|
|
452
452
|
min-height: 100vh;
|
|
453
453
|
background: var(--scaffold-background);
|
|
454
454
|
transition: padding 0.3s ease;
|
|
455
|
-
padding-top: var(--appbar-height, 64px);
|
|
456
|
-
padding-bottom: var(--bottom-nav-height, 80px);
|
|
457
455
|
box-sizing: border-box;
|
|
458
456
|
}
|
|
459
457
|
|
|
460
|
-
/* Content inner wrapper for proper padding */
|
|
461
|
-
.app-scaffold-content > * {
|
|
462
|
-
max-width: 1200px;
|
|
463
|
-
margin-left: auto;
|
|
464
|
-
margin-right: auto;
|
|
465
|
-
padding-left: 24px;
|
|
466
|
-
padding-right: 24px;
|
|
467
|
-
}
|
|
468
|
-
|
|
469
458
|
/* =================== ANIMATIONS =================== */
|
|
470
459
|
|
|
471
460
|
@keyframes fadeIn {
|
|
@@ -323,18 +323,18 @@ const Scaffold: React.FC<ScaffoldProps> = ({
|
|
|
323
323
|
};
|
|
324
324
|
|
|
325
325
|
// Calculate layout spacing
|
|
326
|
+
// Base padding varies by screen size, plus extra space for nav elements
|
|
326
327
|
const getLayoutSpacing = () => {
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
}
|
|
328
|
+
// Base padding: 16px mobile, 24px tablet, 32px desktop
|
|
329
|
+
const basePadding = screenSize === 'mobile' ? 16 : screenSize === 'tablet' ? 24 : 32;
|
|
330
|
+
|
|
331
|
+
// Add nav element heights/widths to the appropriate side
|
|
332
|
+
const paddingTop = basePadding + (showAppBar ? appBarHeight : 0);
|
|
333
|
+
const paddingBottom = basePadding + (screenSize === 'mobile' ? 80 : 0); // Bottom nav height
|
|
334
|
+
const paddingLeft = basePadding + (screenSize === 'tablet' ? (isRailExpanded ? 280 : 80) : 0); // Rail width
|
|
335
|
+
const paddingRight = basePadding;
|
|
336
336
|
|
|
337
|
-
return { paddingTop, paddingBottom, paddingLeft };
|
|
337
|
+
return { paddingTop, paddingBottom, paddingLeft, paddingRight };
|
|
338
338
|
};
|
|
339
339
|
|
|
340
340
|
const layoutSpacing = getLayoutSpacing();
|
|
@@ -490,6 +490,7 @@ const Scaffold: React.FC<ScaffoldProps> = ({
|
|
|
490
490
|
paddingTop: `${layoutSpacing.paddingTop}px`,
|
|
491
491
|
paddingBottom: `${layoutSpacing.paddingBottom}px`,
|
|
492
492
|
paddingLeft: `${layoutSpacing.paddingLeft}px`,
|
|
493
|
+
paddingRight: `${layoutSpacing.paddingRight}px`,
|
|
493
494
|
}}
|
|
494
495
|
>
|
|
495
496
|
{children}
|
|
@@ -163,7 +163,8 @@ function GridLayoutView({
|
|
|
163
163
|
...(width && { width: resolveDimension(width, 'width') }), // Override only if explicitly set
|
|
164
164
|
...(equalHeight && {
|
|
165
165
|
alignItems: 'stretch',
|
|
166
|
-
|
|
166
|
+
// Target direct Grid children - MUI v6 uses .MuiGrid-root for grid items with size prop
|
|
167
|
+
'& > .MuiGrid-root': {
|
|
167
168
|
display: 'flex',
|
|
168
169
|
'& > *': {
|
|
169
170
|
width: '100%',
|
|
@@ -104,22 +104,22 @@ html[data-palette="autumn"][data-theme="dark"] {
|
|
|
104
104
|
--palette-on-secondary: #1c1917;
|
|
105
105
|
|
|
106
106
|
/* Surface palette - Dark wood */
|
|
107
|
-
--palette-surface-main: #
|
|
108
|
-
--palette-surface-variant: #
|
|
107
|
+
--palette-surface-main: #231f1d;
|
|
108
|
+
--palette-surface-variant: #302a27;
|
|
109
109
|
--palette-surface-elevated: #44403c;
|
|
110
110
|
--palette-on-surface: #fef3c7;
|
|
111
111
|
|
|
112
112
|
/* Background palette - Deep earth */
|
|
113
|
-
--palette-background-main: #
|
|
114
|
-
--palette-background-dark: #
|
|
113
|
+
--palette-background-main: #0a0807;
|
|
114
|
+
--palette-background-dark: #151210;
|
|
115
115
|
--palette-background-overlay: rgba(28, 25, 23, 0.95);
|
|
116
116
|
--palette-on-background: #d6d3d1;
|
|
117
117
|
|
|
118
118
|
/* Header background with transparency */
|
|
119
|
-
--palette-header-bg-start: rgba(
|
|
120
|
-
--palette-header-bg-end: rgba(
|
|
121
|
-
--palette-header-collapsed-bg-start: rgba(
|
|
122
|
-
--palette-header-collapsed-bg-end: rgba(
|
|
119
|
+
--palette-header-bg-start: rgba(10, 8, 7, 0.98);
|
|
120
|
+
--palette-header-bg-end: rgba(10, 8, 7, 0.95);
|
|
121
|
+
--palette-header-collapsed-bg-start: rgba(10, 8, 7, 0.99);
|
|
122
|
+
--palette-header-collapsed-bg-end: rgba(10, 8, 7, 0.96);
|
|
123
123
|
|
|
124
124
|
/* Text palette - Warm light */
|
|
125
125
|
--palette-text-primary: #fef3c7;
|
|
@@ -104,22 +104,22 @@ html[data-palette="cosmic"][data-theme="dark"] {
|
|
|
104
104
|
--palette-on-secondary: #1e1b4b;
|
|
105
105
|
|
|
106
106
|
/* Surface palette - Dark matter */
|
|
107
|
-
--palette-surface-main: #
|
|
107
|
+
--palette-surface-main: #252059;
|
|
108
108
|
--palette-surface-variant: #312e81;
|
|
109
109
|
--palette-surface-elevated: #3730a3;
|
|
110
110
|
--palette-on-surface: #e0e7ff;
|
|
111
111
|
|
|
112
112
|
/* Background palette - Deep space */
|
|
113
|
-
--palette-background-main: #
|
|
114
|
-
--palette-background-dark: #
|
|
115
|
-
--palette-background-overlay: rgba(
|
|
113
|
+
--palette-background-main: #0a0818;
|
|
114
|
+
--palette-background-dark: #12101f;
|
|
115
|
+
--palette-background-overlay: rgba(10, 8, 24, 0.95);
|
|
116
116
|
--palette-on-background: #c4b5fd;
|
|
117
117
|
|
|
118
118
|
/* Header background with transparency */
|
|
119
|
-
--palette-header-bg-start: rgba(
|
|
120
|
-
--palette-header-bg-end: rgba(
|
|
121
|
-
--palette-header-collapsed-bg-start: rgba(
|
|
122
|
-
--palette-header-collapsed-bg-end: rgba(
|
|
119
|
+
--palette-header-bg-start: rgba(10, 8, 24, 0.98);
|
|
120
|
+
--palette-header-bg-end: rgba(10, 8, 24, 0.95);
|
|
121
|
+
--palette-header-collapsed-bg-start: rgba(10, 8, 24, 0.99);
|
|
122
|
+
--palette-header-collapsed-bg-end: rgba(10, 8, 24, 0.96);
|
|
123
123
|
|
|
124
124
|
/* Text palette - Starlight */
|
|
125
125
|
--palette-text-primary: #e0e7ff;
|
|
@@ -107,22 +107,22 @@ html[data-palette="default"][data-theme="dark"] {
|
|
|
107
107
|
--palette-on-secondary: #ffffff;
|
|
108
108
|
|
|
109
109
|
/* Surface */
|
|
110
|
-
--palette-surface-main: #
|
|
111
|
-
--palette-surface-variant: #
|
|
112
|
-
--palette-surface-elevated: #
|
|
110
|
+
--palette-surface-main: #252525;
|
|
111
|
+
--palette-surface-variant: #2f2f2f;
|
|
112
|
+
--palette-surface-elevated: #3a3a3a;
|
|
113
113
|
--palette-on-surface: #ffffff;
|
|
114
114
|
|
|
115
115
|
/* Background */
|
|
116
|
-
--palette-background-main: #
|
|
117
|
-
--palette-background-dark: #
|
|
116
|
+
--palette-background-main: #0e0e0e;
|
|
117
|
+
--palette-background-dark: #1a1a1a;
|
|
118
118
|
--palette-background-overlay: rgba(30, 30, 30, 0.95);
|
|
119
119
|
--palette-on-background: #ffffff;
|
|
120
120
|
|
|
121
121
|
/* Header background with transparency */
|
|
122
|
-
--palette-header-bg-start: rgba(
|
|
123
|
-
--palette-header-bg-end: rgba(
|
|
124
|
-
--palette-header-collapsed-bg-start: rgba(
|
|
125
|
-
--palette-header-collapsed-bg-end: rgba(
|
|
122
|
+
--palette-header-bg-start: rgba(14, 14, 14, 0.98);
|
|
123
|
+
--palette-header-bg-end: rgba(14, 14, 14, 0.95);
|
|
124
|
+
--palette-header-collapsed-bg-start: rgba(14, 14, 14, 0.99);
|
|
125
|
+
--palette-header-collapsed-bg-end: rgba(14, 14, 14, 0.96);
|
|
126
126
|
|
|
127
127
|
/* Text palette */
|
|
128
128
|
--palette-text-primary: #ffffff;
|
|
@@ -104,22 +104,22 @@ html[data-palette="ocean"][data-theme="dark"] {
|
|
|
104
104
|
--palette-on-secondary: #0a1a1f;
|
|
105
105
|
|
|
106
106
|
/* Surface palette - Abyss */
|
|
107
|
-
--palette-surface-main: #
|
|
108
|
-
--palette-surface-variant: #
|
|
107
|
+
--palette-surface-main: #122830;
|
|
108
|
+
--palette-surface-variant: #1a3a45;
|
|
109
109
|
--palette-surface-elevated: #0e7490;
|
|
110
110
|
--palette-on-surface: #cffafe;
|
|
111
111
|
|
|
112
112
|
/* Background palette - Ocean floor */
|
|
113
|
-
--palette-background-main: #
|
|
114
|
-
--palette-background-dark: #
|
|
113
|
+
--palette-background-main: #040a0d;
|
|
114
|
+
--palette-background-dark: #0a1418;
|
|
115
115
|
--palette-background-overlay: rgba(10, 26, 31, 0.95);
|
|
116
116
|
--palette-on-background: #5eead4;
|
|
117
117
|
|
|
118
118
|
/* Header background with transparency */
|
|
119
|
-
--palette-header-bg-start: rgba(
|
|
120
|
-
--palette-header-bg-end: rgba(
|
|
121
|
-
--palette-header-collapsed-bg-start: rgba(
|
|
122
|
-
--palette-header-collapsed-bg-end: rgba(
|
|
119
|
+
--palette-header-bg-start: rgba(4, 10, 13, 0.98);
|
|
120
|
+
--palette-header-bg-end: rgba(4, 10, 13, 0.95);
|
|
121
|
+
--palette-header-collapsed-bg-start: rgba(4, 10, 13, 0.99);
|
|
122
|
+
--palette-header-collapsed-bg-end: rgba(4, 10, 13, 0.96);
|
|
123
123
|
|
|
124
124
|
/* Text palette - Phosphorescent */
|
|
125
125
|
--palette-text-primary: #cffafe;
|
|
@@ -98,17 +98,23 @@ html[data-palette="spring"][data-theme="dark"] {
|
|
|
98
98
|
--palette-on-secondary: #0f1f0f;
|
|
99
99
|
|
|
100
100
|
/* Surface palette - Dark moss */
|
|
101
|
-
--palette-surface-main: #
|
|
102
|
-
--palette-surface-variant: #
|
|
101
|
+
--palette-surface-main: #162816;
|
|
102
|
+
--palette-surface-variant: #1f351f;
|
|
103
103
|
--palette-surface-elevated: #2d4a2d;
|
|
104
104
|
--palette-on-surface: #dcfce7;
|
|
105
105
|
|
|
106
106
|
/* Background palette - Deep forest */
|
|
107
|
-
--palette-background-main: #
|
|
108
|
-
--palette-background-dark: #
|
|
109
|
-
--palette-background-overlay: rgba(
|
|
107
|
+
--palette-background-main: #060b06;
|
|
108
|
+
--palette-background-dark: #0c140c;
|
|
109
|
+
--palette-background-overlay: rgba(6, 11, 6, 0.95);
|
|
110
110
|
--palette-on-background: #bbf7d0;
|
|
111
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
|
+
|
|
112
118
|
/* Text palette - Moonlit green */
|
|
113
119
|
--palette-text-primary: #dcfce7;
|
|
114
120
|
--palette-text-secondary: #bbf7d0;
|
|
@@ -104,22 +104,22 @@ html[data-palette="winter"][data-theme="dark"] {
|
|
|
104
104
|
--palette-on-secondary: #020617;
|
|
105
105
|
|
|
106
106
|
/* Surface palette - Dark frost */
|
|
107
|
-
--palette-surface-main: #
|
|
107
|
+
--palette-surface-main: #172033;
|
|
108
108
|
--palette-surface-variant: #1e293b;
|
|
109
109
|
--palette-surface-elevated: #334155;
|
|
110
110
|
--palette-on-surface: #f8fafc;
|
|
111
111
|
|
|
112
112
|
/* Background palette - Winter night */
|
|
113
|
-
--palette-background-main: #
|
|
114
|
-
--palette-background-dark: #
|
|
113
|
+
--palette-background-main: #04080f;
|
|
114
|
+
--palette-background-dark: #0a1018;
|
|
115
115
|
--palette-background-overlay: rgba(15, 23, 42, 0.95);
|
|
116
116
|
--palette-on-background: #cbd5e1;
|
|
117
117
|
|
|
118
118
|
/* Header background with transparency */
|
|
119
|
-
--palette-header-bg-start: rgba(
|
|
120
|
-
--palette-header-bg-end: rgba(
|
|
121
|
-
--palette-header-collapsed-bg-start: rgba(
|
|
122
|
-
--palette-header-collapsed-bg-end: rgba(
|
|
119
|
+
--palette-header-bg-start: rgba(4, 8, 15, 0.98);
|
|
120
|
+
--palette-header-bg-end: rgba(4, 8, 15, 0.95);
|
|
121
|
+
--palette-header-collapsed-bg-start: rgba(4, 8, 15, 0.99);
|
|
122
|
+
--palette-header-collapsed-bg-end: rgba(4, 8, 15, 0.96);
|
|
123
123
|
|
|
124
124
|
/* Text palette - Snow and ice */
|
|
125
125
|
--palette-text-primary: #f8fafc;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
html[data-palette="autumn"]:not([data-theme="dark"]),html[data-palette="autumn"][data-theme="light"]{--palette-primary-main:#ea580c;--palette-primary-light:#fb923c;--palette-primary-dark:#c2410c;--palette-on-primary:#ffffff;--palette-secondary-main:#b45309;--palette-secondary-light:#d97706;--palette-secondary-dark:#92400e;--palette-on-secondary:#ffffff;--palette-surface-main:#fffbeb;--palette-surface-variant:#fef3c7;--palette-surface-elevated:#ffffff;--palette-on-surface:#451a03;--palette-background-main:#fefce8;--palette-background-dark:#fef3c7;--palette-background-overlay:rgba(254,252,232,0.95);--palette-on-background:#78350f;--palette-header-bg-start:rgba(254,252,232,0.98);--palette-header-bg-end:rgba(254,252,232,0.95);--palette-header-collapsed-bg-start:rgba(254,252,232,0.99);--palette-header-collapsed-bg-end:rgba(254,252,232,0.96);--palette-text-primary:#451a03;--palette-text-secondary:#78350f;--palette-text-disabled:rgba(69,26,3,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#d4d4aa;--palette-border-light:rgba(69,26,3,0.12);--palette-border-lighter:rgba(69,26,3,0.05);--palette-border-medium:#a8a29e;--palette-success-main:#16a34a;--palette-success-light:#dcfce7;--palette-success-dark:#14532d;--palette-success-border:#bbf7d0;--palette-error-main:#dc2626;--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:#0891b2;--palette-info-light:#e6fffa;--palette-info-dark:#164e63;--palette-on-info:#ffffff;--palette-info-border:#67e8f9;--palette-accent-main:#dc2626;--palette-accent-light:#f87171;--palette-accent-dark:#991b1b;--palette-on-accent:#ffffff;--palette-control-main:#451a03;--palette-control-light:#78350f;--palette-control-text:#fef3c7;--palette-control-border:#92400e}html[data-palette="autumn"][data-theme="dark"]{--palette-primary-main:#fb923c;--palette-primary-light:#fdba74;--palette-primary-dark:#ea580c;--palette-on-primary:#1c1917;--palette-secondary-main:#fbbf24;--palette-secondary-light:#fcd34d;--palette-secondary-dark:#f59e0b;--palette-on-secondary:#1c1917;--palette-surface-main:#1c1917;--palette-surface-variant:#292524;--palette-surface-elevated:#44403c;--palette-on-surface:#fef3c7;--palette-background-main:#0c0a09;--palette-background-dark:#1c1917;--palette-background-overlay:rgba(28,25,23,0.95);--palette-on-background:#d6d3d1;--palette-header-bg-start:rgba(12,10,9,0.98);--palette-header-bg-end:rgba(12,10,9,0.95);--palette-header-collapsed-bg-start:rgba(12,10,9,0.99);--palette-header-collapsed-bg-end:rgba(12,10,9,0.96);--palette-text-primary:#fef3c7;--palette-text-secondary:#d6d3d1;--palette-text-disabled:rgba(254,243,199,0.38);--palette-text-inverted:#0c0a09;--palette-border-main:#78716c;--palette-border-light:rgba(254,243,199,0.12);--palette-border-lighter:rgba(254,243,199,0.05);--palette-border-medium:#57534e;--palette-success-main:#4ade80;--palette-success-light:#14532d;--palette-success-dark:#22c55e;--palette-success-border:#166534;--palette-error-main:#f87171;--palette-error-light:#7f1d1d;--palette-error-dark:#ef4444;--palette-error-border:#991b1b;--palette-warning-main:#eab308;--palette-warning-light:#78350f;--palette-warning-dark:#ca8a04;--palette-warning-border:#a16207;--palette-info-main:#22d3ee;--palette-info-light:#164e63;--palette-info-dark:#06b6d4;--palette-on-info:#0c0a09;--palette-info-border:#0891b2;--palette-accent-main:#b91c1c;--palette-accent-light:#dc2626;--palette-accent-dark:#7f1d1d;--palette-on-accent:#fef3c7;--palette-control-main:#292524;--palette-control-light:#44403c;--palette-control-text:#f5f5f4;--palette-control-border:#57534e}
|
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Autumn Color Palette
|
|
3
|
-
*
|
|
4
|
-
* Copyright (c) 2025 QwickApps.com. All rights reserved.
|
|
5
|
-
*
|
|
6
|
-
* Warm oranges, golden yellows, and earthy browns - inspired by fall foliage
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
/* ===== AUTUMN PALETTE - LIGHT THEME ===== */
|
|
10
|
-
html[data-palette="autumn"]:not([data-theme="dark"]),
|
|
11
|
-
html[data-palette="autumn"][data-theme="light"] {
|
|
12
|
-
/* Primary palette - Burnt orange */
|
|
13
|
-
--palette-primary-main: #ea580c;
|
|
14
|
-
--palette-primary-light: #fb923c;
|
|
15
|
-
--palette-primary-dark: #c2410c;
|
|
16
|
-
--palette-on-primary: #ffffff;
|
|
17
|
-
|
|
18
|
-
/* Secondary palette - Rich amber */
|
|
19
|
-
--palette-secondary-main: #b45309;
|
|
20
|
-
--palette-secondary-light: #d97706;
|
|
21
|
-
--palette-secondary-dark: #92400e;
|
|
22
|
-
--palette-on-secondary: #ffffff;
|
|
23
|
-
|
|
24
|
-
/* Surface palette - Cream */
|
|
25
|
-
--palette-surface-main: #fffbeb;
|
|
26
|
-
--palette-surface-variant: #fef3c7;
|
|
27
|
-
--palette-surface-elevated: #ffffff;
|
|
28
|
-
--palette-on-surface: #451a03;
|
|
29
|
-
|
|
30
|
-
/* Background palette - Warm ivory */
|
|
31
|
-
--palette-background-main: #fefce8;
|
|
32
|
-
--palette-background-dark: #fef3c7;
|
|
33
|
-
--palette-background-overlay: rgba(254, 252, 232, 0.95);
|
|
34
|
-
--palette-on-background: #78350f;
|
|
35
|
-
|
|
36
|
-
/* Header background with transparency */
|
|
37
|
-
--palette-header-bg-start: rgba(254, 252, 232, 0.98);
|
|
38
|
-
--palette-header-bg-end: rgba(254, 252, 232, 0.95);
|
|
39
|
-
--palette-header-collapsed-bg-start: rgba(254, 252, 232, 0.99);
|
|
40
|
-
--palette-header-collapsed-bg-end: rgba(254, 252, 232, 0.96);
|
|
41
|
-
|
|
42
|
-
/* Text palette - Rich brown */
|
|
43
|
-
--palette-text-primary: #451a03;
|
|
44
|
-
--palette-text-secondary: #78350f;
|
|
45
|
-
--palette-text-disabled: rgba(69, 26, 3, 0.38);
|
|
46
|
-
--palette-text-inverted: #ffffff;
|
|
47
|
-
|
|
48
|
-
/* Border palette - Tan */
|
|
49
|
-
--palette-border-main: #d4d4aa;
|
|
50
|
-
--palette-border-light: rgba(69, 26, 3, 0.12);
|
|
51
|
-
--palette-border-lighter: rgba(69, 26, 3, 0.05);
|
|
52
|
-
--palette-border-medium: #a8a29e;
|
|
53
|
-
|
|
54
|
-
/* Success palette - Forest green */
|
|
55
|
-
--palette-success-main: #16a34a;
|
|
56
|
-
--palette-success-light: #dcfce7;
|
|
57
|
-
--palette-success-dark: #14532d;
|
|
58
|
-
--palette-success-border: #bbf7d0;
|
|
59
|
-
|
|
60
|
-
/* Error palette - Crimson */
|
|
61
|
-
--palette-error-main: #dc2626;
|
|
62
|
-
--palette-error-light: #fee2e2;
|
|
63
|
-
--palette-error-dark: #7f1d1d;
|
|
64
|
-
--palette-error-border: #fecaca;
|
|
65
|
-
|
|
66
|
-
/* Warning palette - Amber */
|
|
67
|
-
--palette-warning-main: #f59e0b;
|
|
68
|
-
--palette-warning-light: #fef3c7;
|
|
69
|
-
--palette-warning-dark: #78350f;
|
|
70
|
-
--palette-warning-border: #fde68a;
|
|
71
|
-
|
|
72
|
-
/* Info palette - Teal */
|
|
73
|
-
--palette-info-main: #0891b2;
|
|
74
|
-
--palette-info-light: #e6fffa;
|
|
75
|
-
--palette-info-dark: #164e63;
|
|
76
|
-
--palette-on-info: #ffffff;
|
|
77
|
-
--palette-info-border: #67e8f9;
|
|
78
|
-
|
|
79
|
-
/* Accent palette - Deep crimson */
|
|
80
|
-
--palette-accent-main: #dc2626;
|
|
81
|
-
--palette-accent-light: #f87171;
|
|
82
|
-
--palette-accent-dark: #991b1b;
|
|
83
|
-
--palette-on-accent: #ffffff;
|
|
84
|
-
|
|
85
|
-
/* Control palette - Walnut */
|
|
86
|
-
--palette-control-main: #451a03;
|
|
87
|
-
--palette-control-light: #78350f;
|
|
88
|
-
--palette-control-text: #fef3c7;
|
|
89
|
-
--palette-control-border: #92400e;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
/* ===== AUTUMN PALETTE - DARK THEME ===== */
|
|
93
|
-
html[data-palette="autumn"][data-theme="dark"] {
|
|
94
|
-
/* Primary palette - Glowing ember */
|
|
95
|
-
--palette-primary-main: #fb923c;
|
|
96
|
-
--palette-primary-light: #fdba74;
|
|
97
|
-
--palette-primary-dark: #ea580c;
|
|
98
|
-
--palette-on-primary: #1c1917;
|
|
99
|
-
|
|
100
|
-
/* Secondary palette - Golden glow */
|
|
101
|
-
--palette-secondary-main: #fbbf24;
|
|
102
|
-
--palette-secondary-light: #fcd34d;
|
|
103
|
-
--palette-secondary-dark: #f59e0b;
|
|
104
|
-
--palette-on-secondary: #1c1917;
|
|
105
|
-
|
|
106
|
-
/* Surface palette - Dark wood */
|
|
107
|
-
--palette-surface-main: #1c1917;
|
|
108
|
-
--palette-surface-variant: #292524;
|
|
109
|
-
--palette-surface-elevated: #44403c;
|
|
110
|
-
--palette-on-surface: #fef3c7;
|
|
111
|
-
|
|
112
|
-
/* Background palette - Deep earth */
|
|
113
|
-
--palette-background-main: #0c0a09;
|
|
114
|
-
--palette-background-dark: #1c1917;
|
|
115
|
-
--palette-background-overlay: rgba(28, 25, 23, 0.95);
|
|
116
|
-
--palette-on-background: #d6d3d1;
|
|
117
|
-
|
|
118
|
-
/* Header background with transparency */
|
|
119
|
-
--palette-header-bg-start: rgba(12, 10, 9, 0.98);
|
|
120
|
-
--palette-header-bg-end: rgba(12, 10, 9, 0.95);
|
|
121
|
-
--palette-header-collapsed-bg-start: rgba(12, 10, 9, 0.99);
|
|
122
|
-
--palette-header-collapsed-bg-end: rgba(12, 10, 9, 0.96);
|
|
123
|
-
|
|
124
|
-
/* Text palette - Warm light */
|
|
125
|
-
--palette-text-primary: #fef3c7;
|
|
126
|
-
--palette-text-secondary: #d6d3d1;
|
|
127
|
-
--palette-text-disabled: rgba(254, 243, 199, 0.38);
|
|
128
|
-
--palette-text-inverted: #0c0a09;
|
|
129
|
-
|
|
130
|
-
/* Border palette - Copper */
|
|
131
|
-
--palette-border-main: #78716c;
|
|
132
|
-
--palette-border-light: rgba(254, 243, 199, 0.12);
|
|
133
|
-
--palette-border-lighter: rgba(254, 243, 199, 0.05);
|
|
134
|
-
--palette-border-medium: #57534e;
|
|
135
|
-
|
|
136
|
-
/* Success palette - Pine */
|
|
137
|
-
--palette-success-main: #4ade80;
|
|
138
|
-
--palette-success-light: #14532d;
|
|
139
|
-
--palette-success-dark: #22c55e;
|
|
140
|
-
--palette-success-border: #166534;
|
|
141
|
-
|
|
142
|
-
/* Error palette - Fire */
|
|
143
|
-
--palette-error-main: #f87171;
|
|
144
|
-
--palette-error-light: #7f1d1d;
|
|
145
|
-
--palette-error-dark: #ef4444;
|
|
146
|
-
--palette-error-border: #991b1b;
|
|
147
|
-
|
|
148
|
-
/* Warning palette - Harvest gold */
|
|
149
|
-
--palette-warning-main: #eab308;
|
|
150
|
-
--palette-warning-light: #78350f;
|
|
151
|
-
--palette-warning-dark: #ca8a04;
|
|
152
|
-
--palette-warning-border: #a16207;
|
|
153
|
-
|
|
154
|
-
/* Info palette - River teal */
|
|
155
|
-
--palette-info-main: #22d3ee;
|
|
156
|
-
--palette-info-light: #164e63;
|
|
157
|
-
--palette-info-dark: #06b6d4;
|
|
158
|
-
--palette-on-info: #0c0a09;
|
|
159
|
-
--palette-info-border: #0891b2;
|
|
160
|
-
|
|
161
|
-
/* Accent palette - Harvest crimson */
|
|
162
|
-
--palette-accent-main: #b91c1c;
|
|
163
|
-
--palette-accent-light: #dc2626;
|
|
164
|
-
--palette-accent-dark: #7f1d1d;
|
|
165
|
-
--palette-on-accent: #fef3c7;
|
|
166
|
-
|
|
167
|
-
/* Control palette - Charcoal */
|
|
168
|
-
--palette-control-main: #292524;
|
|
169
|
-
--palette-control-light: #44403c;
|
|
170
|
-
--palette-control-text: #f5f5f4;
|
|
171
|
-
--palette-control-border: #57534e;
|
|
172
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
html[data-palette="autumn"]:not([data-theme="dark"]),html[data-palette="autumn"][data-theme="light"]{--palette-primary-main:#ea580c;--palette-primary-light:#fb923c;--palette-primary-dark:#c2410c;--palette-on-primary:#ffffff;--palette-secondary-main:#b45309;--palette-secondary-light:#d97706;--palette-secondary-dark:#92400e;--palette-on-secondary:#ffffff;--palette-surface-main:#fffbeb;--palette-surface-variant:#fef3c7;--palette-surface-elevated:#ffffff;--palette-on-surface:#451a03;--palette-background-main:#fefce8;--palette-background-dark:#fef3c7;--palette-background-overlay:rgba(254,252,232,0.95);--palette-on-background:#78350f;--palette-header-bg-start:rgba(254,252,232,0.98);--palette-header-bg-end:rgba(254,252,232,0.95);--palette-header-collapsed-bg-start:rgba(254,252,232,0.99);--palette-header-collapsed-bg-end:rgba(254,252,232,0.96);--palette-text-primary:#451a03;--palette-text-secondary:#78350f;--palette-text-disabled:rgba(69,26,3,0.38);--palette-text-inverted:#ffffff;--palette-border-main:#d4d4aa;--palette-border-light:rgba(69,26,3,0.12);--palette-border-lighter:rgba(69,26,3,0.05);--palette-border-medium:#a8a29e;--palette-success-main:#16a34a;--palette-success-light:#dcfce7;--palette-success-dark:#14532d;--palette-success-border:#bbf7d0;--palette-error-main:#dc2626;--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:#0891b2;--palette-info-light:#e6fffa;--palette-info-dark:#164e63;--palette-on-info:#ffffff;--palette-info-border:#67e8f9;--palette-accent-main:#dc2626;--palette-accent-light:#f87171;--palette-accent-dark:#991b1b;--palette-on-accent:#ffffff;--palette-control-main:#451a03;--palette-control-light:#78350f;--palette-control-text:#fef3c7;--palette-control-border:#92400e}html[data-palette="autumn"][data-theme="dark"]{--palette-primary-main:#fb923c;--palette-primary-light:#fdba74;--palette-primary-dark:#ea580c;--palette-on-primary:#1c1917;--palette-secondary-main:#fbbf24;--palette-secondary-light:#fcd34d;--palette-secondary-dark:#f59e0b;--palette-on-secondary:#1c1917;--palette-surface-main:#1c1917;--palette-surface-variant:#292524;--palette-surface-elevated:#44403c;--palette-on-surface:#fef3c7;--palette-background-main:#0c0a09;--palette-background-dark:#1c1917;--palette-background-overlay:rgba(28,25,23,0.95);--palette-on-background:#d6d3d1;--palette-header-bg-start:rgba(12,10,9,0.98);--palette-header-bg-end:rgba(12,10,9,0.95);--palette-header-collapsed-bg-start:rgba(12,10,9,0.99);--palette-header-collapsed-bg-end:rgba(12,10,9,0.96);--palette-text-primary:#fef3c7;--palette-text-secondary:#d6d3d1;--palette-text-disabled:rgba(254,243,199,0.38);--palette-text-inverted:#0c0a09;--palette-border-main:#78716c;--palette-border-light:rgba(254,243,199,0.12);--palette-border-lighter:rgba(254,243,199,0.05);--palette-border-medium:#57534e;--palette-success-main:#4ade80;--palette-success-light:#14532d;--palette-success-dark:#22c55e;--palette-success-border:#166534;--palette-error-main:#f87171;--palette-error-light:#7f1d1d;--palette-error-dark:#ef4444;--palette-error-border:#991b1b;--palette-warning-main:#eab308;--palette-warning-light:#78350f;--palette-warning-dark:#ca8a04;--palette-warning-border:#a16207;--palette-info-main:#22d3ee;--palette-info-light:#164e63;--palette-info-dark:#06b6d4;--palette-on-info:#0c0a09;--palette-info-border:#0891b2;--palette-accent-main:#b91c1c;--palette-accent-light:#dc2626;--palette-accent-dark:#7f1d1d;--palette-on-accent:#fef3c7;--palette-control-main:#292524;--palette-control-light:#44403c;--palette-control-text:#f5f5f4;--palette-control-border:#57534e}
|