MAYBE don't use blur for backdrop that's a bit too far

Socketlike · Socketlike · commit 5fb3b2bc77dc · 2026-02-12T14:03:50.000+07:00
diff --git a/src/styles.css b/src/styles.css
@@ -8,6 +8,7 @@
         --bg: #261d2d;
         --bg-1: #18121d;
         --bg-2: #0d0912;
+        --bg-o-backdrop: #0d0912c4;
         
         --fg: #bcb1cf;
         --fg-1: #e4c8f5;
@@ -271,7 +272,7 @@ footer {
     
     z-index: 2;
 
-    transition: 1s cubic-bezier(0.76, 0, 0.24, 1) backdrop-filter;
+    transition: 1s cubic-bezier(0.76, 0, 0.24, 1) background-color;
 
     display: none;
 }
@@ -398,7 +399,7 @@ code {
     }
 
     nav:not(.hidden) ~ #nav-overlay {
-        backdrop-filter: blur(20px);
+        background-color: var(--bg-o-backdrop);
         pointer-events: all;
     }
 

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,7 @@`
`8`	`8`	`--bg: #261d2d;`
`9`	`9`	`--bg-1: #18121d;`
`10`	`10`	`--bg-2: #0d0912;`
	`11`	`+ --bg-o-backdrop: #0d0912c4;`
`11`	`12`
`12`	`13`	`--fg: #bcb1cf;`
`13`	`14`	`--fg-1: #e4c8f5;`
`@@ -271,7 +272,7 @@ footer {`
`271`	`272`
`272`	`273`	`z-index: 2;`
`273`	`274`
`274`		`- transition: 1s cubic-bezier(0.76, 0, 0.24, 1) backdrop-filter;`
	`275`	`+ transition: 1s cubic-bezier(0.76, 0, 0.24, 1) background-color;`
`275`	`276`
`276`	`277`	`display: none;`
`277`	`278`	`}`
`@@ -398,7 +399,7 @@ code {`
`398`	`399`	`}`
`399`	`400`
`400`	`401`	`nav:not(.hidden) ~ #nav-overlay {`
`401`		`- backdrop-filter: blur(20px);`
	`402`	`+ background-color: var(--bg-o-backdrop);`
`402`	`403`	`pointer-events: all;`
`403`	`404`	`}`
`404`	`405`