From 8386e1cc78fe2cb72df36be7de87c907f3808937 Mon Sep 17 00:00:00 2001 From: Lixkote <95425619+Lixkote@users.noreply.github.com> Date: Mon, 22 Apr 2024 10:51:59 +0200 Subject: [PATCH] improve light mode ui improve light mode ui --- src/layouts/navbar.svelte | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/layouts/navbar.svelte b/src/layouts/navbar.svelte index 265891d..9e586c9 100644 --- a/src/layouts/navbar.svelte +++ b/src/layouts/navbar.svelte @@ -86,8 +86,8 @@ top: 0; left: 0; width: 100vw; - backdrop-filter: blur(10px) saturate(400%); - -webkit-backdrop-filter: blur(20px) saturate(400%); + backdrop-filter: blur(10px) saturate(100%); + -webkit-backdrop-filter: blur(20px) saturate(100%); background-blend-mode: darken; position: absolute; display: flex; @@ -98,8 +98,8 @@ background-color: #343333ba; width: 210px; height: 100vh; - backdrop-filter: blur(20px) saturate(400%); - -webkit-backdrop-filter: blur(20px) saturate(400%); + backdrop-filter: blur(20px) saturate(100%); + -webkit-backdrop-filter: blur(20px) saturate(100%); position: fixed; right: -210px; margin-top: 60px; @@ -110,12 +110,12 @@ @media (prefers-color-scheme: light) { #topNavbar { - background-color: #d2d2d2ba; - background-blend-mode: darken; + background-color: #f5f5f594; + background-blend-mode: normal; } .mobileNavMenu { - background-color: #d2d2d2ba; - background-blend-mode: darken; + background-color: #f5f5f594; + background-blend-mode: normal; } } @media (max-width: 768px) {