From 1ae199ea0424498d470e7d525a1c9e158c847318 Mon Sep 17 00:00:00 2001
From: vndangkhoa <vndangkhoa@khoavo.myds.me>
Date: Wed, 29 Apr 2026 17:09:29 +0700
Subject: [PATCH] fix Portfolio light theme static color

---
 src/App.jsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 6515bdf..d1288d0 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -74,14 +74,17 @@ if (piece.label === 'cv' || piece.label === 'portfolio' || piece.featured) {
     animationFillMode: 'forwards',
   };
 
-  // For desktop: use hoverColor when hovering, otherwise gray
+  // For static pieces: always show piece.color
+// For desktop non-static: show hoverColor when hovering, otherwise gray
 // For mobile: use blinkColor for animation (will start dim via animation)
 const bgStyle = {
     position: 'absolute',
     inset: 0,
-    backgroundColor: isDark || isMobile 
-      ? (color || bgColor)  // Use actual color for blink animation
-      : (isHovered ? (piece.hoverColor || color) : '#cccccc'), // Hover color or gray
+    backgroundColor: isStatic 
+      ? piece.color // Static pieces always show their color
+      : (isDark || isMobile) 
+        ? (color || bgColor)  // Use actual color for blink animation
+        : (isHovered ? (piece.hoverColor || color) : '#cccccc'), // Hover color or gray
     transition: 'background-color 0.15s ease',
   };