Update navbar background color

writeonlycode · writeonlycode · commit a3c0814dd1c5 · 2023-07-06T02:31:47.000Z
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
@@ -22,7 +22,7 @@ export default function Navbar({ menu }: { menu: siteMenu }) {
 
   const menuItems = menu.map((item) => {
     return (
-      <span key={item.name} className="text-feldgrau text-center font-light uppercase mx-4 my-2 px-4" >
+      <span key={item.name} className="text-isabelline text-center font-light uppercase mx-4 my-2 px-4" >
         <Link href={item.link} onClick={() => setShow(false)} >{item.name}</Link>
       </span>
     );
@@ -48,7 +48,7 @@ export default function Navbar({ menu }: { menu: siteMenu }) {
   );
 
   return (
-    <header className="flex flex-col justify-center backdrop-blur bg-isabelline/75 sticky -top-8 inset-x-0 h-24 z-10">
+    <header className="flex flex-col justify-center backdrop-blur bg-black/50 sticky -top-8 inset-x-0 h-24 z-10">
       <nav className="flex flex-col justify-center sticky top-0 h-16">
         {mobileMenu}
         {desktopMenu}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -11,7 +11,15 @@ import About from "@/components/about";
 import Services from "@/components/services";
 import Footer from "@/components/footer";
 
-export default function Home({ config, menu, data, }: { config: siteConfig; menu: siteMenu; data: siteData; }) {
+export default function Home({
+  config,
+  menu,
+  data,
+}: {
+  config: siteConfig;
+  menu: siteMenu;
+  data: siteData;
+}) {
   return (
     <>
       <Head>
