violette/bigblase.xyz
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
violette 2024-05-14 01:52:07 -04:00
parent 8f292ecbce
commit 1151d3b547
1 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
themes/violette/assets/css/main.css
View file

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