dark mode sichtbarer

This commit is contained in:
Mara Zöllner 2026-05-20 18:05:46 +02:00
parent 9ad50047c3
commit 6243d69171

View file

@ -139,23 +139,27 @@ body.dark footer a:hover {
/* Button-Styling */ /* Button-Styling */
#dark-mode-toggle { #dark-mode-toggle {
padding: 0.6rem 1rem; padding: 0.6rem 1rem;
border: none; border-radius: 999px;
border-radius: 6px; border: 1px solid rgba(255,255,255,0.2);
cursor: pointer; cursor: pointer;
background: #ffffff; background: transparent;
color: #001f44; color: rgba(255,255,255,0.8);
font-family: 'Barlow', sans-serif; font-family: 'Barlow', sans-serif;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 500; font-weight: 500;
letter-spacing: 0.08em; letter-spacing: 0.08em;
text-transform: uppercase; text-transform: uppercase;
transition: all 0.2s ease;
} }
#dark-mode-toggle:hover { #dark-mode-toggle:hover {
opacity: 0.9; background: rgba(255,255,255,0.08);
transform: translateY(-1px);
} }
body.dark #dark-mode-toggle { body.dark #dark-mode-toggle {
background: #60a5fa; background: #60a5fa;
color: #ffffff; color: #0b1220;
border-color: transparent;
box-shadow: 0 0 18px rgba(96,165,250,0.4);
} }