@qwickapps/react-framework 1.5.3 → 1.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/README.md +6 -0
  2. package/dist/components/Scaffold.d.ts.map +1 -1
  3. package/dist/hooks/useBaseProps.d.ts +1161 -12
  4. package/dist/hooks/useBaseProps.d.ts.map +1 -1
  5. package/dist/index.css +1 -1
  6. package/dist/index.esm.css +1 -1
  7. package/dist/index.esm.js +12 -10
  8. package/dist/index.js +12 -10
  9. package/dist/palettes/manifest.json +19 -19
  10. package/dist/palettes/{palette-autumn.1.4.9.css → palette-autumn.1.5.4.css} +8 -8
  11. package/dist/palettes/{palette-autumn.1.5.1.min.css → palette-autumn.1.5.4.min.css} +1 -1
  12. package/dist/palettes/palette-autumn.latest.css +8 -8
  13. package/dist/palettes/palette-autumn.latest.min.css +1 -1
  14. package/dist/palettes/{palette-cosmic.1.4.9.css → palette-cosmic.1.5.4.css} +8 -8
  15. package/dist/palettes/{palette-cosmic.1.4.9.min.css → palette-cosmic.1.5.4.min.css} +1 -1
  16. package/dist/palettes/palette-cosmic.latest.css +8 -8
  17. package/dist/palettes/palette-cosmic.latest.min.css +1 -1
  18. package/dist/palettes/{palette-default.1.4.9.css → palette-default.1.5.4.css} +9 -9
  19. package/dist/palettes/{palette-default.1.4.9.min.css → palette-default.1.5.4.min.css} +1 -1
  20. package/dist/palettes/palette-default.latest.css +9 -9
  21. package/dist/palettes/palette-default.latest.min.css +1 -1
  22. package/dist/palettes/{palette-ocean.1.4.9.css → palette-ocean.1.5.4.css} +8 -8
  23. package/dist/palettes/{palette-ocean.1.4.9.min.css → palette-ocean.1.5.4.min.css} +1 -1
  24. package/dist/palettes/palette-ocean.latest.css +8 -8
  25. package/dist/palettes/palette-ocean.latest.min.css +1 -1
  26. package/dist/palettes/{palette-spring.1.4.9.css → palette-spring.1.5.4.css} +11 -5
  27. package/dist/palettes/{palette-spring.1.4.9.min.css → palette-spring.1.5.4.min.css} +1 -1
  28. package/dist/palettes/palette-spring.latest.css +11 -5
  29. package/dist/palettes/palette-spring.latest.min.css +1 -1
  30. package/dist/palettes/{palette-winter.1.4.9.css → palette-winter.1.5.4.css} +7 -7
  31. package/dist/palettes/{palette-winter.1.4.9.min.css → palette-winter.1.5.4.min.css} +1 -1
  32. package/dist/palettes/palette-winter.latest.css +7 -7
  33. package/dist/palettes/palette-winter.latest.min.css +1 -1
  34. package/package.json +1 -1
  35. package/src/components/QwickApp.css +2 -0
  36. package/src/components/Scaffold.css +1 -12
  37. package/src/components/Scaffold.tsx +11 -10
  38. package/src/palettes/PaletteAutumn.css +8 -8
  39. package/src/palettes/PaletteCosmic.css +8 -8
  40. package/src/palettes/PaletteDefault.css +9 -9
  41. package/src/palettes/PaletteOcean.css +8 -8
  42. package/src/palettes/PaletteSpring.css +11 -5
  43. package/src/palettes/PaletteWinter.css +7 -7
  44. package/dist/palettes/palette-autumn.1.4.9.min.css +0 -1
  45. package/dist/palettes/palette-autumn.1.5.0.css +0 -172
  46. package/dist/palettes/palette-autumn.1.5.0.min.css +0 -1
  47. package/dist/palettes/palette-autumn.1.5.1.css +0 -172
  48. package/dist/palettes/palette-autumn.1.5.2.css +0 -172
  49. package/dist/palettes/palette-autumn.1.5.2.min.css +0 -1
  50. package/dist/palettes/palette-autumn.1.5.3.css +0 -172
  51. package/dist/palettes/palette-autumn.1.5.3.min.css +0 -1
  52. package/dist/palettes/palette-cosmic.1.5.0.css +0 -172
  53. package/dist/palettes/palette-cosmic.1.5.0.min.css +0 -1
  54. package/dist/palettes/palette-cosmic.1.5.1.css +0 -172
  55. package/dist/palettes/palette-cosmic.1.5.1.min.css +0 -1
  56. package/dist/palettes/palette-cosmic.1.5.2.css +0 -172
  57. package/dist/palettes/palette-cosmic.1.5.2.min.css +0 -1
  58. package/dist/palettes/palette-cosmic.1.5.3.css +0 -172
  59. package/dist/palettes/palette-cosmic.1.5.3.min.css +0 -1
  60. package/dist/palettes/palette-default.1.5.0.css +0 -178
  61. package/dist/palettes/palette-default.1.5.0.min.css +0 -1
  62. package/dist/palettes/palette-default.1.5.1.css +0 -178
  63. package/dist/palettes/palette-default.1.5.1.min.css +0 -1
  64. package/dist/palettes/palette-default.1.5.2.css +0 -178
  65. package/dist/palettes/palette-default.1.5.2.min.css +0 -1
  66. package/dist/palettes/palette-default.1.5.3.css +0 -178
  67. package/dist/palettes/palette-default.1.5.3.min.css +0 -1
  68. package/dist/palettes/palette-ocean.1.5.0.css +0 -172
  69. package/dist/palettes/palette-ocean.1.5.0.min.css +0 -1
  70. package/dist/palettes/palette-ocean.1.5.1.css +0 -172
  71. package/dist/palettes/palette-ocean.1.5.1.min.css +0 -1
  72. package/dist/palettes/palette-ocean.1.5.2.css +0 -172
  73. package/dist/palettes/palette-ocean.1.5.2.min.css +0 -1
  74. package/dist/palettes/palette-ocean.1.5.3.css +0 -172
  75. package/dist/palettes/palette-ocean.1.5.3.min.css +0 -1
  76. package/dist/palettes/palette-spring.1.5.0.css +0 -160
  77. package/dist/palettes/palette-spring.1.5.0.min.css +0 -1
  78. package/dist/palettes/palette-spring.1.5.1.css +0 -160
  79. package/dist/palettes/palette-spring.1.5.1.min.css +0 -1
  80. package/dist/palettes/palette-spring.1.5.2.css +0 -160
  81. package/dist/palettes/palette-spring.1.5.2.min.css +0 -1
  82. package/dist/palettes/palette-spring.1.5.3.css +0 -160
  83. package/dist/palettes/palette-spring.1.5.3.min.css +0 -1
  84. package/dist/palettes/palette-winter.1.5.0.css +0 -172
  85. package/dist/palettes/palette-winter.1.5.0.min.css +0 -1
  86. package/dist/palettes/palette-winter.1.5.1.css +0 -172
  87. package/dist/palettes/palette-winter.1.5.1.min.css +0 -1
  88. package/dist/palettes/palette-winter.1.5.2.css +0 -172
  89. package/dist/palettes/palette-winter.1.5.2.min.css +0 -1
  90. package/dist/palettes/palette-winter.1.5.3.css +0 -172
  91. package/dist/palettes/palette-winter.1.5.3.min.css +0 -1
@@ -1 +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:#0f1f0f;--palette-surface-variant:#1a2e1a;--palette-surface-elevated:#2d4a2d;--palette-on-surface:#dcfce7;--palette-background-main:#0a120a;--palette-background-dark:#0f1f0f;--palette-background-overlay:rgba(15,31,15,0.95);--palette-on-background:#bbf7d0;--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
+ 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: #0f172a;
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: #020617;
114
- --palette-background-dark: #0f172a;
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(2, 6, 23, 0.98);
120
- --palette-header-bg-end: rgba(2, 6, 23, 0.95);
121
- --palette-header-collapsed-bg-start: rgba(2, 6, 23, 0.99);
122
- --palette-header-collapsed-bg-end: rgba(2, 6, 23, 0.96);
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:#0f172a;--palette-surface-variant:#1e293b;--palette-surface-elevated:#334155;--palette-on-surface:#f8fafc;--palette-background-main:#020617;--palette-background-dark:#0f172a;--palette-background-overlay:rgba(15,23,42,0.95);--palette-on-background:#cbd5e1;--palette-header-bg-start:rgba(2,6,23,0.98);--palette-header-bg-end:rgba(2,6,23,0.95);--palette-header-collapsed-bg-start:rgba(2,6,23,0.99);--palette-header-collapsed-bg-end:rgba(2,6,23,0.96);--palette-text-primary:#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}
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: #0f172a;
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: #020617;
114
- --palette-background-dark: #0f172a;
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(2, 6, 23, 0.98);
120
- --palette-header-bg-end: rgba(2, 6, 23, 0.95);
121
- --palette-header-collapsed-bg-start: rgba(2, 6, 23, 0.99);
122
- --palette-header-collapsed-bg-end: rgba(2, 6, 23, 0.96);
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:#0f172a;--palette-surface-variant:#1e293b;--palette-surface-elevated:#334155;--palette-on-surface:#f8fafc;--palette-background-main:#020617;--palette-background-dark:#0f172a;--palette-background-overlay:rgba(15,23,42,0.95);--palette-on-background:#cbd5e1;--palette-header-bg-start:rgba(2,6,23,0.98);--palette-header-bg-end:rgba(2,6,23,0.95);--palette-header-collapsed-bg-start:rgba(2,6,23,0.99);--palette-header-collapsed-bg-end:rgba(2,6,23,0.96);--palette-text-primary:#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}
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",
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-surface);
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
- const paddingTop = showAppBar ? appBarHeight : 0;
328
- let paddingBottom = 0;
329
- let paddingLeft = 0;
330
-
331
- if (screenSize === 'mobile') {
332
- paddingBottom = 80; // Bottom nav height
333
- } else if (screenSize === 'tablet') {
334
- paddingLeft = isRailExpanded ? 280 : 80; // Rail width
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}
@@ -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: #1c1917;
108
- --palette-surface-variant: #292524;
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: #0c0a09;
114
- --palette-background-dark: #1c1917;
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(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);
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: #1e1b4b;
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: #0f0c29;
114
- --palette-background-dark: #1a1625;
115
- --palette-background-overlay: rgba(15, 12, 41, 0.95);
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(15, 12, 41, 0.98);
120
- --palette-header-bg-end: rgba(15, 12, 41, 0.95);
121
- --palette-header-collapsed-bg-start: rgba(15, 12, 41, 0.99);
122
- --palette-header-collapsed-bg-end: rgba(15, 12, 41, 0.96);
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: #1e1e1e;
111
- --palette-surface-variant: #2a2a2a;
112
- --palette-surface-elevated: #353535;
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: #121212;
117
- --palette-background-dark: #2a2a2a;
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(18, 18, 18, 0.98);
123
- --palette-header-bg-end: rgba(18, 18, 18, 0.95);
124
- --palette-header-collapsed-bg-start: rgba(18, 18, 18, 0.99);
125
- --palette-header-collapsed-bg-end: rgba(18, 18, 18, 0.96);
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: #0a1a1f;
108
- --palette-surface-variant: #164e63;
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: #020617;
114
- --palette-background-dark: #0c1821;
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(2, 6, 23, 0.98);
120
- --palette-header-bg-end: rgba(2, 6, 23, 0.95);
121
- --palette-header-collapsed-bg-start: rgba(2, 6, 23, 0.99);
122
- --palette-header-collapsed-bg-end: rgba(2, 6, 23, 0.96);
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: #0f1f0f;
102
- --palette-surface-variant: #1a2e1a;
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: #0a120a;
108
- --palette-background-dark: #0f1f0f;
109
- --palette-background-overlay: rgba(15, 31, 15, 0.95);
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: #0f172a;
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: #020617;
114
- --palette-background-dark: #0f172a;
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(2, 6, 23, 0.98);
120
- --palette-header-bg-end: rgba(2, 6, 23, 0.95);
121
- --palette-header-collapsed-bg-start: rgba(2, 6, 23, 0.99);
122
- --palette-header-collapsed-bg-end: rgba(2, 6, 23, 0.96);
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}