css colors update
All checks were successful
/ test (push) Successful in 4s

This commit is contained in:
violette 2024-05-14 01:52:07 -04:00
parent 8f292ecbce
commit 1151d3b547

View file

@ -3,21 +3,21 @@
--border: white;
--text: black;
--text-pink-dark: #ed61e1;
--text-mauve-dark: #c282e0;
--text-pink-dark: #b261ed;
--text-mauve-dark: #ed61e1;
--text-pink-light: #9d5191;
--text-mauve-light: #c282e0;
--text-pink-light: #630ea0;
--text-mauve-light: #8747a5;
--text-pink: blue;
--text-mauve: #c282e0;
--text-pink: red;
--text-mauve: red;
}
@media (prefers-color-scheme: dark) {
:root {
--bg:black;
--text:white;
--text-pink: var(--text-pink-light);
--text-pink: var(--text-pink-dark);
--text-mauve: var(--text-mauve-dark);
}
}
@ -25,16 +25,16 @@
#color-mode:checked ~ .color-scheme-wrapper {
--bg:black;
--text:white;
--text-pink: var(--text-pink-dark)
--text-mauve: var(--text-mauve-dark)
--text-pink: var(--text-pink-dark);
--text-mauve: var(--text-mauve-dark);
}
@media (prefers-color-scheme: dark) {
#color-mode:checked ~ .color-scheme-wrapper {
--bg:white;
--text:black;
--text-pink: var(--text-pink-light)
--text-mauve: var(--text-mauve-light)
--text-pink: var(--text-pink-light);
--text-mauve: var(--text-mauve-light);
}
}
@ -75,14 +75,14 @@ header {
h1 {
width: 100%;
padding-top: 10px;
color: var(--text-pink);
color: var(--text-mauve);
text-align: center;
transition: 300ms color;
margin-top: 0;
}
h1:hover {
color: var(--text-mauve);
color: var(--text-pink);
}
h2 {
@ -146,7 +146,7 @@ ul {
}
a, label {
color: #c282e0;
color: var(--text-mauve);
text-decoration: none;
}