add secondary colors to css variables

This commit is contained in:
2025-10-07 05:13:05 +03:00
parent 03a945c929
commit 993e9e6a68
2 changed files with 7 additions and 3 deletions

View File

@@ -4,7 +4,8 @@
:root { :root {
--background: #f7f7f7; --background: #f7f7f7;
--foreground: #181818; --foreground: #181818;
--primary-light: #fff; --secondary-background: #ffffff;
--secondary-foreground: #0a0a0a;
--primary-dark: #0a0a0a; --primary-dark: #0a0a0a;
--primary: #ffb700; --primary: #ffb700;
--primary2: #ffc600; --primary2: #ffc600;
@@ -33,7 +34,9 @@
/* Dark theme variables */ /* Dark theme variables */
[data-theme="dark"] { [data-theme="dark"] {
--background: #181818; --background: #181818;
--foreground: #ffffff; --foreground: #f7f7f7;
--secondary-background: #0a0a0a;
--secondary-foreground: #ffffff;
} }
html, html,

View File

@@ -9,8 +9,9 @@
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
gap: 1rem; gap: 1rem;
background-color: var(--primary-light); background-color: var(--secondary-background);
box-shadow: none; box-shadow: none;
z-index: 999;
} }
/* :global(.darkApp) .cartFooter { /* :global(.darkApp) .cartFooter {
background-color: var(--background) !important; background-color: var(--background) !important;