Update backgound color

justinyeh1995 · Jul 5, 2024 · fe52d94 · fe52d94
1 parent 04bec31
commit fe52d94
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/components/About/About.tsx b/src/components/About/About.tsx
@@ -8,7 +8,7 @@ function imageLoader({ src }: { src: string }) {
 
 const AboutMe = () => {
     return (
-        <section id="AboutMe" className="relative overflow-hidden bg-gradient-to-b from-zinc-900/0 to-zinc-800 pt-52 md:pt-52 md:pb-10 md:px-16 lg:px-24 flex flex-col justify-center">
+        <section id="AboutMe" className="relative overflow-hidden bg-zinc-950 pt-52 md:pt-52 md:pb-10 md:px-16 lg:px-24 flex flex-col justify-center">
             <motion.h2
                 className="text-4xl sm:text-2xl font-bold text-gray-100 mb-6 text-center md:text-left"
             >

diff --git a/src/components/Experience/ExperienceSection.tsx b/src/components/Experience/ExperienceSection.tsx
@@ -15,7 +15,7 @@ interface TimelineProps {
 
 const Timeline: React.FC<TimelineProps> = ({ items }) => {
   return (
-    <section id="Experiences" className='pt-24 md:pt-52 pb-10 bg-gradient-to-b from-zinc-800/0 to-zinc-700'>
+    <section id="Experiences" className='pt-24 md:pt-52 pb-10 bg-zinc-950'>
       <div className="container mx-auto px-4 sm:px-6 lg:px-8">
         <motion.h2 
           className="text-4xl sm:text-2xl font-bold mb-8 text-center text-gray-100"

diff --git a/src/components/Hero/GradientGrid.tsx b/src/components/Hero/GradientGrid.tsx
@@ -22,7 +22,7 @@ export const GradientGrid = () => {
                 }}
                 className="absolute inset-0 z-0"
             />
-            <div className="absolute inset-0 z-10 bg-gradient-to-b from-zinc-950/0 to-zinc-900" />
+            <div className="absolute inset-0 z-10 bg-gradient-to-b from-zinc-950/0 to-zinc-950" />
         </motion.div>
     );
 };
diff --git a/src/components/Project/Project.tsx b/src/components/Project/Project.tsx
@@ -5,7 +5,7 @@ import React from "react";
 export default function Project() {
     const [ref, { width }] = useMeasure();
     return (
-        <section id="Projects" ref={ref} className="relative overflow-hidden bg-gradient-to-b from-zinc-700/0 to-zinc-600 pt-52 md:pt-52 md:pb-10 md:px-16 lg:px-24 flex flex-col justify-center">
+        <section id="Projects" ref={ref} className="relative overflow-hidden bg-zinc-950 pt-52 md:pt-52 md:pb-10 md:px-16 lg:px-24 flex flex-col justify-center">
             <div className=" overflow-hidden p-4">
                 {/* CARDS */}
                 <div className="mx-auto max-w-6xl">