chore color fix

Author: sohez

src/app/components/Footer.tsx

@@ -7,7 +7,7 @@ import { GoMoveToTop } from "react-icons/go";
 
 const Footer = () => {
   return (
-    <footer className="w-full mt-35 bg-gray-950 p-4 shadow-[0_-10px_30px_rgba(3,7,18,0.45)] pb-14 pt-14">
+    <footer className="w-full mt-35 bg-[#0D1117] p-4 shadow-[0_-10px_30px_rgba(13,17,23,0.45)] pb-14 pt-14">
       <div className="max-w-7xl mx-auto flex flex-col gap-3 justify-center items-center px-6 mb-3">
         <button
           title="go to top"

src/app/components/Header.tsx

@@ -21,7 +21,7 @@ export default Header;
 
 const NavBar = () => {
   return (
-    <div className="border-[0.2] border-gray-700 max-w-4xl mx-auto text-gray-400 backdrop-blur-3xl bg-gray-[#161B22] mt-6 p-3 px-12 rounded-2xl flex justify-between items-center">
+    <div className="border-[0.2] border-gray-700 max-w-4xl mx-auto text-gray-400 backdrop-blur-3xl bg-[#0D1117]/75 mt-6 p-3 px-12 rounded-2xl flex justify-between items-center">
       <a href="" className="font-medium font-display text-gray-50 flex gap-2">
         <Code2Icon/>
         SOHEL SAYYED