diff --git a/views/index.html b/views/index.html index dc061e6..7343512 100755 --- a/views/index.html +++ b/views/index.html @@ -19,7 +19,7 @@ text-align: center; color: white; text-shadow: 0 0.1em 0.5em black; - box-shadow: 0 0 1em var(--accent-color); + box-shadow: inset 0 0 1em var(--accent-color); font-size: 1.5em; border-radius: 2rem; diff --git a/views/styles/style.css b/views/styles/style.css index c07e3b4..5c6192a 100644 --- a/views/styles/style.css +++ b/views/styles/style.css @@ -93,5 +93,15 @@ html:not(.base) { } html:not(.base) body { backdrop-filter: blur(8px); - --background-color: hsla(var(--base-color), 80%, 0.9); + /* --background-color: hsla(var(--base-color), 80%, 0.9); */ +} + +:root { + --background-color: hsla(var(--base-color), 15%, 0.9); +} + +@media (prefers-color-scheme: light) { + :root { + --background-color: hsla(var(--base-color), 80%, 0.9); + } }