From cdecbdfb36235a152bd9281488fab841f4f0108d Mon Sep 17 00:00:00 2001
From: rubenbupe <rubenbupe@gmail.com>
Date: Sat, 17 Aug 2024 02:25:50 +0200
Subject: [PATCH] fix: wrong colors

---
 src/components/ExpandableHoloJobCards.tsx | 4 ++--
 src/components/Header.astro               | 2 +-
 src/components/HoloCard.tsx               | 2 +-
 src/sections/About.astro                  | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/ExpandableHoloJobCards.tsx b/src/components/ExpandableHoloJobCards.tsx
index 85d3fd4..14ac2ae 100644
--- a/src/components/ExpandableHoloJobCards.tsx
+++ b/src/components/ExpandableHoloJobCards.tsx
@@ -61,7 +61,7 @@ export function ExpandableHoloJobCards({
             <motion.div
               layoutId={`card-${active.id}-${id}`}
               ref={ref}
-              className="relative w-full max-w-[500px] flex flex-col  h-full md:h-fit md:max-h-[90%]  flex flex-col bg-card/90 sm:rounded-[48px] overflow-hidden sm:border sm:outline outline-[1px] outline-card"
+              className="relative w-full max-w-[500px] flex flex-col  h-full md:h-fit md:max-h-[90%]  flex flex-col bg-card/90 sm:rounded-[48px] overflow-hidden sm:border sm:outline outline-[1px] outline-black"
             >
 							{animation}
 							<motion.button
@@ -79,7 +79,7 @@ export function ExpandableHoloJobCards({
 										duration: 0.05,
 									},
 								}}
-								className="flex absolute top-6 left-6 items-center justify-center bg-card rounded-full h-6 w-6 outline outline-[1px] outline-card border"
+								className="flex absolute top-6 left-6 items-center justify-center bg-card rounded-full h-6 w-6 outline outline-[1px] outline-black border"
 								onClick={() => setActive(null)}
 							>
 								<CloseIcon />
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 4462bcf..9659859 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -90,7 +90,7 @@ const links = [
 >
     <header
         class={cn(
-            "border border-t-transparent border-x-transparent outline outline-[1px] outline-card mx-0 [mask-image:linear-gradient(to_right,transparent,black_40px,black_calc(100%_-_40px),transparent)]",
+            "border border-t-transparent border-x-transparent outline outline-[1px] outline-black mx-0 [mask-image:linear-gradient(to_right,transparent,black_40px,black_calc(100%_-_40px),transparent)]",
             "transition-all duration-300 ease-in-out rounded-2xl rounded-t-none rounded-l-none rounded-r-none p-3 px-6 md:px-10 self-stretch backdrop-filter backdrop-blur-lg"
         )}
     >
diff --git a/src/components/HoloCard.tsx b/src/components/HoloCard.tsx
index 376d1e0..56cef8b 100644
--- a/src/components/HoloCard.tsx
+++ b/src/components/HoloCard.tsx
@@ -121,7 +121,7 @@ export const HoloCard = ({
         }
       }}
     >
-      <div className="h-full grid will-change-transform origin-center transition-transform duration-[var(--duration)] ease-[var(--easing)] delay-[var(--delay)] [transform:rotateY(var(--r-x))_rotateX(var(--r-y))] rounded-[var(--radius)] border outline outline-[1px] outline-card hover:[--opacity:0.6] hover:[--duration:200ms] hover:[--easing:linear] hover:filter-none overflow-hidden opacity-95 hover:opacity-100">
+      <div className="h-full grid will-change-transform origin-center transition-transform duration-[var(--duration)] ease-[var(--easing)] delay-[var(--delay)] [transform:rotateY(var(--r-x))_rotateX(var(--r-y))] rounded-[var(--radius)] border outline outline-[1px] outline-black hover:[--opacity:0.6] hover:[--duration:200ms] hover:[--easing:linear] hover:filter-none overflow-hidden opacity-95 hover:opacity-100">
         <div className="w-full h-full grid [grid-area:1/1] mix-blend-soft-light [clip-path:inset(0_0_0_0_round_var(--radius))]">
           <div className={cn("h-full w-full bg-card", className)}>
             {children}
diff --git a/src/sections/About.astro b/src/sections/About.astro
index 703c940..27af037 100644
--- a/src/sections/About.astro
+++ b/src/sections/About.astro
@@ -120,11 +120,11 @@ import nameToSpeech from "../assets/name-to-speech.mp3";
                     ].map((item) => (
                         <li class="relative group text-primary mt-2 ml-2 flex items-center">
                             <Icon
-                                name="tabler:chevron-right"
+                                name="tabler:arrow-right"
                                 class="absolute left-0 transform -translate-x-4 opacity-0 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300 ease-out"
                             />
                             <Icon
-                                name="tabler:chevron-right"
+                                name="tabler:arrow-right"
                                 class="inline opacity-100 group-hover:opacity-0 group-hover:translate-x-8 transition-all duration-300"
                             />
                             <span class="ml-2">{item}</span>