92 أسطر
2.6 KiB
CSS
92 أسطر
2.6 KiB
CSS
:root {
|
|
--background: 28 20 13;
|
|
--foreground: 246 238 223;
|
|
--card: 37 27 19;
|
|
--card-foreground: 238 229 211;
|
|
--popover: 34 24 17;
|
|
--popover-foreground: 245 238 224;
|
|
--primary: 225 180 96;
|
|
--primary-foreground: 40 29 21;
|
|
--secondary: 57 41 29;
|
|
--secondary-foreground: 235 226 209;
|
|
--muted: 56 44 36;
|
|
--muted-foreground: 192 176 155;
|
|
--accent: 83 62 34;
|
|
--accent-foreground: 243 230 206;
|
|
--border: 80 63 48;
|
|
--input: 69 56 43;
|
|
--ring: 223 178 93;
|
|
--chart-1: 231 182 90;
|
|
--chart-2: 219 112 67;
|
|
--chart-3: 182 152 62;
|
|
--chart-4: 181 75 48;
|
|
--chart-5: 208 182 149;
|
|
}
|
|
|
|
.theme-light {
|
|
--background: 249 246 240;
|
|
--foreground: 59 43 33;
|
|
--card: 252 250 248;
|
|
--card-foreground: 64 48 38;
|
|
--popover: 250 248 245;
|
|
--popover-foreground: 64 48 38;
|
|
--primary: 200 129 30;
|
|
--primary-foreground: 248 245 241;
|
|
--secondary: 237 231 222;
|
|
--secondary-foreground: 67 55 45;
|
|
--muted: 231 225 218;
|
|
--muted-foreground: 109 95 85;
|
|
--accent: 231 221 208;
|
|
--accent-foreground: 76 58 46;
|
|
--border: 209 199 189;
|
|
--input: 213 204 195;
|
|
--ring: 195 128 34;
|
|
--chart-1: 200 129 30;
|
|
--chart-2: 190 88 45;
|
|
--chart-3: 148 123 66;
|
|
--chart-4: 163 74 51;
|
|
--chart-5: 189 152 107;
|
|
}
|
|
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
|
|
body {
|
|
background-image:
|
|
radial-gradient(circle at 85% 15%, rgba(218, 155, 47, 0.08), transparent 30%),
|
|
radial-gradient(circle at 10% 90%, rgba(190, 84, 39, 0.08), transparent 35%),
|
|
linear-gradient(120deg, rgb(25, 17, 11), rgb(20, 14, 11));
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
.theme-light body {
|
|
background-image:
|
|
radial-gradient(circle at 85% 15%, rgba(235, 188, 122, 0.25), transparent 35%),
|
|
radial-gradient(circle at 10% 90%, rgba(217, 166, 140, 0.18), transparent 40%),
|
|
linear-gradient(120deg, rgb(249, 246, 240), rgb(244, 240, 235));
|
|
}
|
|
|
|
.login-theme {
|
|
--background: 244 237 228;
|
|
--foreground: 88 61 36;
|
|
--card: 250 246 239;
|
|
--card-foreground: 62 45 31;
|
|
--primary: 88 61 36;
|
|
--primary-foreground: 255 248 239;
|
|
--secondary: 238 230 220;
|
|
--secondary-foreground: 68 50 34;
|
|
--muted: 232 223 212;
|
|
--muted-foreground: 88 67 48;
|
|
--border: 210 197 183;
|
|
--input: 236 228 218;
|
|
--ring: 125 905 606;
|
|
}
|
|
|
|
.login-theme body {
|
|
background-image:
|
|
radial-gradient(circle at 15% 20%, rgba(228, 216, 202, 0.6), transparent 45%),
|
|
radial-gradient(circle at 85% 80%, rgba(214, 200, 184, 0.55), transparent 45%),
|
|
linear-gradient(120deg, rgb(246, 240, 231), rgb(238, 230, 219));
|
|
}
|