Skip to content

Commit 3bf18de

Browse files
authored
continue adding dark style
1 parent fba998f commit 3bf18de

File tree

1 file changed

+14
-5
lines changed

1 file changed

+14
-5
lines changed

style.css

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@
66
--ctp-base: var(--ctp-latte-base);
77
--ctp-blue: var(--ctp-latte-blue);
88
--ctp-lavender: var(--ctp-latte-lavender);
9+
--ctp-antitext: var(--ctp-frappe-text);
10+
--ctp-antibase: var(--ctp-frappe-base);
11+
--ctp-antiblue: var(--ctp-frappe-blue);
12+
--ctp-antilavender: var(--ctp-frappe-lavender);
913
}
1014

1115
/* Dark Mode - Automatically Applied if User Prefers Dark Mode */
@@ -15,6 +19,10 @@
1519
--ctp-base: var(--ctp-frappe-base);
1620
--ctp-blue: var(--ctp-frappe-blue);
1721
--ctp-lavender: var(--ctp-frappe-lavender);
22+
--ctp-antitext: var(--ctp-latte-text);
23+
--ctp-antibase: var(--ctp-latte-base);
24+
--ctp-antiblue: var(--ctp-latte-blue);
25+
--ctp-antilavender: var(--ctp-latte-lavender)
1826
}
1927
}
2028

@@ -36,6 +44,7 @@
3644
/* Body */
3745
body {
3846
background: var(--ctp-base);
47+
color: var (--ctp-text)
3948
margin: 0;
4049
font-size: 1rem;
4150
min-height: 100vh;
@@ -134,8 +143,8 @@ h1 {
134143

135144
/* Footer */
136145
body > footer {
137-
background-color: var(--ctp-base);
138-
color: var(--ctp-frappe-text);
146+
background-color: var(--ctp-antibase);
147+
color: var(--ctp-antitext);
139148
line-height: 4em;
140149
padding: 1rem 1rem 0;
141150
text-align: center;
@@ -172,12 +181,12 @@ body > footer {
172181
margin: 1rem;
173182
padding: 54px;
174183
border-radius: 24px;
175-
background-color: var(--ctp-frappe-base);
176-
color: var(--ctp-frappe-text);
184+
background-color: var(--ctp-antibase);
185+
color: var(--ctp-antitext);
177186
}
178187

179188
.tile a {
180-
color: var(--ctp-frappe-blue);
189+
color: var(--ctp-antiblue);
181190
font-variation-settings: "wght" 600;
182191
}
183192

0 commit comments

Comments
 (0)