diff --git a/src/styles/style.css b/src/styles/style.css index a365af1..2278ae9 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -5,7 +5,7 @@ --fg: #33ff66; --dim: #1f9a3f; --hot: #ff2a2a; /* KiK-Logo-Rot */ - --glow: 0 0 6px rgba(51, 255, 102, .55); + --glow: 0 0 6px color-mix(in srgb, currentColor 55%, transparent); /* in each text's own color */ } * { box-sizing: border-box; } @@ -100,7 +100,7 @@ h1 { letter-spacing: .04em; text-transform: uppercase; } -h1 span { color: var(--hot); text-shadow: 0 0 6px rgba(255, 42, 42, .6); } +h1 span { color: var(--hot); } .tagline { margin: .4rem 0 0; color: var(--dim); } /* MenĂ¼ */ @@ -157,7 +157,7 @@ dl.kv dd { margin: 0; } .btn::before { content: "[ "; } .btn::after { content: " ]"; } .btn { border: 0; padding: 0; } -.btn.hot { color: var(--hot); text-shadow: 0 0 6px rgba(255, 42, 42, .6); } +.btn.hot { color: var(--hot); } .btn.hot:hover, .btn.hot:focus-visible { background: var(--hot); color: #000; } .note { color: var(--dim); }