From 1151d3b547c2778e986dc8d1088e0912e69fe8ea Mon Sep 17 00:00:00 2001 From: violette Date: Tue, 14 May 2024 01:52:07 -0400 Subject: [PATCH] css colors update --- themes/violette/assets/css/main.css | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/themes/violette/assets/css/main.css b/themes/violette/assets/css/main.css index ef0145e..81c13da 100644 --- a/themes/violette/assets/css/main.css +++ b/themes/violette/assets/css/main.css @@ -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; }