Fix header semi-transparent background

frontsideair · frontsideair · commit 6cf9643daa39 · 2025-06-10T12:57:46.000+03:00
This was merged but lost during a merge conflict most likely #272
diff --git a/website/src/components/Header/Header.tsx b/website/src/components/Header/Header.tsx
@@ -16,7 +16,7 @@ import { cva } from "class-variance-authority";
 const MD_BREAKPOINT = 640;
 
 const navStyles = cva(
-  "fixed w-full z-20 top-0 start-0 bg-[#F7F8F8]/1 border-b border-[#F7F8F8]/8 backdrop-blur-[20px] drop-shadow-[0px_1px_2px_rgba(0_0_0/75%),0px_1px_12px_rgba(0_0_0/75%)] overflow-y-auto",
+  "fixed w-full z-20 top-0 start-0 bg-black/20 border-b border-[#F7F8F8]/8 backdrop-blur-[20px] overflow-y-auto",
   {
     variants: {
       isOpen: {

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ import { cva } from "class-variance-authority";`
`16`	`16`	`const MD_BREAKPOINT = 640;`
`17`	`17`
`18`	`18`	`const navStyles = cva(`
`19`		`- "fixed w-full z-20 top-0 start-0 bg-[#F7F8F8]/1 border-b border-[#F7F8F8]/8 backdrop-blur-[20px] drop-shadow-[0px_1px_2px_rgba(0_0_0/75%),0px_1px_12px_rgba(0_0_0/75%)] overflow-y-auto",`
	`19`	`+ "fixed w-full z-20 top-0 start-0 bg-black/20 border-b border-[#F7F8F8]/8 backdrop-blur-[20px] overflow-y-auto",`
`20`	`20`	`{`
`21`	`21`	`variants: {`
`22`	`22`	`isOpen: {`