From e677c03e26f83e7288e5f01890c99e4eb833eb3b Mon Sep 17 00:00:00 2001
From: zguiyang <zhaoguiyang18@outlook.com>
Date: Sat, 14 Mar 2026 12:45:32 +0800
Subject: [PATCH] refactor(header): replace static image icon with SVG and
 update gradient text style

- Replaced hardcoded image icon in `GlassHeader` with inline SVG for better scalability and customization.
- Updated `.gradient-text` to use `--ui-title-gradient` variable for improved design consistency.
---
 src/components/GlassHeader.tsx | 11 ++++++-----
 src/styles/global.css          |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/GlassHeader.tsx b/src/components/GlassHeader.tsx
index 0caf5fc..63c358d 100644
--- a/src/components/GlassHeader.tsx
+++ b/src/components/GlassHeader.tsx
@@ -69,11 +69,12 @@ export default function GlassHeader({ lang: propLang }: GlassHeaderProps) {
           className="flex items-center text-lg font-medium transition-colors duration-150 hover:text-foreground/80"
           href={getLocalizedPath('/', lang)}
         >
-          <img 
-            src="/modern-code-icon.svg" 
-            alt="Code Icon" 
-            className="w-6 h-6 mr-2" 
-          /> 
+          <div className="w-6 h-6 mr-2 flex items-center justify-center">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" className="w-full h-full">
+              <path d="M9 6L3 12L9 18" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="text-primary" />
+              <path d="M15 6L21 12L15 18" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className="text-accent" />
+            </svg>
+          </div>
           <span className="gradient-text font-bold">{personalInfo.name}</span>
         </motion.a>
 
diff --git a/src/styles/global.css b/src/styles/global.css
index 8eade1a..112a1ce 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -13,7 +13,7 @@
 
 /* Modern Design Elements */
 .gradient-text {
-  background: linear-gradient(to right, #8B5CF6, #EC4899);
+  background: var(--ui-title-gradient);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;