style: made shadow less vibrant

WikiPortal · Jan 28, 2024 · 1ddac1b · 1ddac1b
1 parent 0f13b59
commit 1ddac1b
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 23 deletions.
diff --git a/src/components/About/HomeAbout.jsx b/src/components/About/HomeAbout.jsx
@@ -11,27 +11,6 @@ import "./homeabout.css";
 
 const HomeAbout = () => {
   const { isDarkMode } = useTheme();
-  const colors = [
-    "#00ccff", // Electric Blue
-    "#33ff33", // Neon Green
-    "#ff3399", // Vibrant Pink
-    "#cc33ff", // Electric Purple
-    "#ff9933", // Radiant Orange
-    "#FFD700", // Gold
-    "#ff3333", // Fiery Red
-    "#00ffff", // Aqua Blue
-    "#33cc33", // Brilliant Green
-    "#ff66cc", // Hot Pink
-  ];
-
-  // function to generate random color
-  const getRandomColor = () => {
-    const randomIndex = Math.floor(Math.random() * colors.length);
-    return colors[randomIndex];
-  };
-
-  // invoking random color function
-  const randomColor = getRandomColor();
 
   // state variable to track hover state for each box
   const [hoveredBox, setHoveredBox] = useState(null);
@@ -48,7 +27,7 @@ const HomeAbout = () => {
   const glowEffectStyles = (index) => ({
     boxShadow:
       hoveredBox === index
-        ? `0 0 7px 5px ${randomColor}, 0 0 7px 5px ${randomColor}`
+        ? `0 0 14px 0px #64BEFF, 0 0 14px 0px #64BEFF`
         : "none",
     transform: hoveredBox === index ? "translateY(-20px)" : "none",
     transition: "all 0.3s ease-in-out",

diff --git a/src/components/About/homeabout.css b/src/components/About/homeabout.css
@@ -58,7 +58,6 @@
   box-shadow:
     0 0 1px 0 rgba(8, 11, 14, 0.06),
     0 6px 6px -1px rgba(8, 11, 14, 0.1);
-  border: 1px solid #f7f8f9;
   background-color: #fff;
   margin: 10px;
   justify-content: center;