Change background color (#1432)

In dark mode the dark navbar is not that visible and looks like it's
part of the browser. I changed the color to orange, so it's visible in
both dark and light modes.

---------

Co-authored-by: Niko <[email protected]>

Author: clytaemnestra

src/components/Header.astro

@@ -11,7 +11,7 @@ import links from "@data/links.json";
 <section
   id="navbar"
 >
-<a href="/remote" class="hover:underline hover:text-primary-hover text-center px-2 bg-secondary text-white font-bold fixed top-0 w-full h-[40px] z-50 flex items-center justify-center">Can’t join us in Prague? Attend remotely — online options available!</a>
+<a href="/remote" class="bg-top-notification text-white hover:text-white hover:underline text-center px-2 font-bold fixed top-0 w-full h-[40px] z-50 flex items-center justify-center">Can’t join us in Prague? Attend remotely — online options available!</a>
   <div
     class="container max-w-[1150px] mx-auto px-6 py-2 mt-12 lg:p-2 lg:mt-14 flex items-center justify-between relative z-40 bg-white/80 rounded-full backdrop-blur-md shadow-lg"
   >

src/styles/tailwind.css

@@ -57,6 +57,8 @@
   --color-sponsor-bronze: #6e6151;
   --color-sponsor-patron: #a11217;
 
+  --color-top-notification: #ee714b;
+
   /* Aspect Ratios */
   --aspect-hero: 2.4380530973;