diff --git a/styles/color-schemes.css b/styles/color-schemes.css index d7a9923..cd2fcc7 100644 --- a/styles/color-schemes.css +++ b/styles/color-schemes.css @@ -15,10 +15,6 @@ --warning: #ffff88; } - .postcard { - filter: blur(7px) contrast(50%) brightness(50%); - } - @media (prefers-color-scheme: light) { :root, :host { @@ -36,8 +32,4 @@ --negative: #880000; --warning: #666600; } - - .postcard { - filter: blur(7px) contrast(25%) brightness(175%); - } } diff --git a/styles/components/postcard.css b/styles/components/postcard.css index 500c27b..cf43a96 100644 --- a/styles/components/postcard.css +++ b/styles/components/postcard.css @@ -6,6 +6,7 @@ background-size: cover; background-position: 50% 50%; z-index: -1; + filter: blur(7px) contrast(50%) brightness(50%); position: fixed; top: 0; @@ -15,6 +16,12 @@ pointer-events: none; } +@media (prefers-color-scheme: light) { + .postcard { + filter: blur(7px) contrast(25%) brightness(175%); + } +} + .postcard-visible { z-index: 1; filter: none;