updated frontend

Author: liyunze-coding

src/components/projects/Project.astro

@@ -109,7 +109,7 @@ const leftProject = position == "left";
 			{
 				tags.map((tag) => (
 					<div
-						class="my-1 mr-1 w-fit rounded-full px-3 py-1 transition-colors duration-300 text-white bg-secondary"
+						class="my-1 mr-1 w-fit rounded-full px-3 py-1 transition-colors duration-300 bg-accent text-black"
 					>
 						{tag}
 					</div>

src/components/projects/VideoProject.svelte

@@ -127,9 +127,9 @@
 		>
 			{#each tags as tag}
 				<div
-					class="bg-secondary my-1 mr-1
+					class="bg-accent my-1 mr-1
                         w-fit rounded-full px-3
-                        py-1 text-white transition-colors duration-300"
+                        py-1 text-black transition-colors duration-300"
 				>
 					{tag}
 				</div>

src/components/skills/Skill.astro

@@ -12,7 +12,7 @@ const { title, tags, primaryColor, className = "" } = Astro.props;
 ---
 
 <div class="mx-auto w-full">
-	<Card primaryColor={primaryColor} {className}>
+	<Card {primaryColor} {className}>
 		<div class="px-8 py-8">
 			<div class="flex w-full flex-col">
 				<h2 class="text-2xl font-bold">{title}</h2>

src/styles/global.css

@@ -4,6 +4,7 @@
 	--color-primary: #fafafa;
 	--color-secondary: #1d1c20;
 	--color-accent: #72ffff;
+	--color-accent-2: #16ff00;
 	--color-muted-foreground: #ccc;
 
 	--animate-fadeIn: fadeIn 0.5s ease-in-out;