the home site for me: also iteration 3 or 4 of my site
chore: fix background base colors
+9
-24
+3
-2
sass/css/mods.css
+3
-2
sass/css/mods.css
···
164
164
}
165
165
166
166
:root {
167
-
--gradient-average: oklch(73.3% 0.0672 81.92);
167
+
--gradient-average-light: oklch(81.57% 0.0686 76.21);
168
+
--gradient-average-dark: oklch(33.5% 0.0067 248.03);
168
169
--reseda-green: oklch(54.99% 0.0475 126.94);
169
-
--earth-yellow: oklch(81.64% 0.1051 74.93);
170
+
--earth-yellow: oklch(81.53% 0.0874 75.19);
170
171
--sunset: oklch(87.45% 0.0807 74.93);
171
172
--ultra-violet: oklch(43.58% 0.087 297.45);
172
173
--rose-quartz: oklch(72.99% 0.0393 311.96);
+6
-22
sass/css/suCSS.css
+6
-22
sass/css/suCSS.css
···
11
11
--standard-border-radius: 5px;
12
12
13
13
/* default colors */
14
-
--bg: #eeeeee;
15
-
--main-background: linear-gradient(
16
-
177deg in oklab,
17
-
oklch(76.22% 0.1051 74.93) 0%,
18
-
oklch(87.45% 0.0807 74.93) 100%
19
-
), var(--sunset);
14
+
--bg: var(--earth-yellow);
20
15
--bg-light: #cbcdcd;
21
16
--text: #41474e;
22
17
--text-light: #686764;
···
34
29
::backdrop {
35
30
color-scheme: dark;
36
31
--bg: #222529;
37
-
--main-background: var(--bg);
38
32
--noise-strength: 0.3;
39
33
--bg-light: var(--ultra-violet);
40
34
--text: #d6d6d6;
···
56
50
:root,
57
51
::backdrop {
58
52
color-scheme: light;
59
-
--bg: #eeeeee;
60
-
--main-background: linear-gradient(
61
-
177deg in oklab,
62
-
oklch(76.22% 0.1051 74.93) 0%,
63
-
oklch(87.45% 0.0807 74.93) 100%
64
-
), var(--sunset);
53
+
--bg: var(--earth-yellow);
65
54
--noise-strength: 0.5;
66
55
--bg-light: #cbcdcd;
67
56
--text: #41474e;
···
77
66
[data-theme="light"] {
78
67
/* default (light) theme */
79
68
color-scheme: light;
80
-
--bg: #eeeeee;
81
-
--main-background: linear-gradient(
82
-
177deg in oklab,
83
-
oklch(76.22% 0.1051 74.93) 0%,
84
-
oklch(87.45% 0.0807 74.93) 100%
85
-
), var(--sunset);
69
+
--bg: linear-gradient(0deg, var(--earth-yellow), var(--earth-yellow)),
70
+
var(--gradient-average-light);
86
71
--noise-strength: 0.5;
87
72
--bg-light: var(--reseda-green);
88
73
--text: #41474e;
···
97
82
98
83
[data-theme="dark"] {
99
84
color-scheme: dark;
100
-
--bg: #222529;
101
-
--main-background: var(--bg);
85
+
--bg: linear-gradient(0deg, #222529, #222529), var(--gradient-average-dark);
102
86
--noise-strength: 0.3;
103
87
--bg-light: var(--ultra-violet);
104
88
--text: #d6d6d6;
···
147
131
body {
148
132
min-height: 100svh;
149
133
color: var(--text);
150
-
background: var(--main-background);
134
+
background: var(--bg);
151
135
position: relative;
152
136
font-size: 1rem;
153
137
display: grid;