From cf9c8700a6d8e542db2823b02062bc9163bc5e56 Mon Sep 17 00:00:00 2001
From: "Chun-Ho (Hugo) Lin" <hugo970217@gmail.com>
Date: Sun, 1 Dec 2024 00:26:24 +0800
Subject: [PATCH] style(about): relocate TechStack styles and update icon color
 (#537) (#538)

---
 apps/web/src/components/about/tech-stack.tsx             | 4 ++--
 apps/web/src/{components => styles}/about/tech-stack.css | 2 --
 2 files changed, 2 insertions(+), 4 deletions(-)
 rename apps/web/src/{components => styles}/about/tech-stack.css (96%)

diff --git a/apps/web/src/components/about/tech-stack.tsx b/apps/web/src/components/about/tech-stack.tsx
index 1ab9dfa6..ed3d5104 100644
--- a/apps/web/src/components/about/tech-stack.tsx
+++ b/apps/web/src/components/about/tech-stack.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import "./tech-stack.css";
+import "@/styles/about/tech-stack.css";
 
 type TechStack = {
   name: string;
@@ -24,7 +24,7 @@ const TechStackV1: React.FC<TechStackV1Props> = ( {techStacks} ) => {
         <li key={category} className="service-item">
           <div className="tech-stack-container">
             {stacks.map((stack) => (
-              <div key={stack.name} className="tech-icon text-orange-yellow-crayola">
+              <div key={stack.name} className="tech-icon text-white-2">
                 {stack.icon}
               </div>
             ))}
diff --git a/apps/web/src/components/about/tech-stack.css b/apps/web/src/styles/about/tech-stack.css
similarity index 96%
rename from apps/web/src/components/about/tech-stack.css
rename to apps/web/src/styles/about/tech-stack.css
index 0b1731a0..db101dcf 100644
--- a/apps/web/src/components/about/tech-stack.css
+++ b/apps/web/src/styles/about/tech-stack.css
@@ -34,8 +34,6 @@
   justify-content: center;
   font-size: 2rem;
   /* Adjust icon size */
-  color: white;
-  /* Icon color */
 }
 
 .icon-label {