dark/light mode toggle
This commit is contained in:
20
style.css
20
style.css
@@ -21,6 +21,26 @@ body {
|
||||
color: var(--text);
|
||||
caret-color: var(--primary);
|
||||
}
|
||||
.light-mode {
|
||||
background-color: white;
|
||||
color: black;
|
||||
.theme-toggle-image {
|
||||
content:url("/assets/moon.png");
|
||||
}
|
||||
button {
|
||||
background-color: white;
|
||||
border: 0px;
|
||||
margin: 0px
|
||||
}
|
||||
}
|
||||
.theme-toggle-image {
|
||||
content:url("/assets/sun.png");
|
||||
}
|
||||
button {
|
||||
background-color: black;
|
||||
border: 0px;
|
||||
margin: 0px
|
||||
}
|
||||
|
||||
*, *::before, *::after {
|
||||
transition: all .3s ease-out;
|
||||
|
||||
Reference in New Issue
Block a user