From abd73a4864233245ed747a8e01559dcd760ca039 Mon Sep 17 00:00:00 2001
From: vndangkhoa <vndangkhoa@khoavo.myds.me>
Date: Wed, 29 Apr 2026 17:05:14 +0700
Subject: [PATCH] fix Portfolio light theme shows actual color

---
 src/App.jsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 34b3685..e640822 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -49,15 +49,13 @@ function TetrisPiece({ piece, isDark }) {
 // For desktop non-static: start gray, show hover color when hovering
 // For mobile dark: use colorDark for less gray
 // For mobile light: use actual color
-const bgColor = piece.label === 'cv' 
+const bgColor = (piece.label === 'cv' || isStatic) 
   ? piece.color 
-  : (isStatic) 
-    ? piece.color // Static pieces show color immediately
-    : (isMobile && isDark) 
-      ? (color || piece.colorDark || piece.color) 
-      : (isMobile) 
-        ? (color || piece.color)
-        : '#cccccc'; // Start gray for desktop only
+  : (isMobile && isDark) 
+    ? (color || piece.colorDark || piece.color) 
+    : (isMobile) 
+      ? (color || piece.color)
+      : '#cccccc'; // Start gray for desktop only
   const rowDelay = (piece.startY * 10) + (piece.startX * 2);  // Stagger based on both X and Y position
   const textColor = '#ffffff';