From faee68e333311ccb562170225f1f50d718543b87 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Sun, 24 Mar 2024 13:03:10 +0000
Subject: [PATCH] Impvoved view all page

---
 web/src/components/things/ServiceCard.astro |  4 ++--
 web/src/pages/all.astro                     | 14 +++++++-------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/web/src/components/things/ServiceCard.astro b/web/src/components/things/ServiceCard.astro
index ce1c22f..335a854 100644
--- a/web/src/components/things/ServiceCard.astro
+++ b/web/src/components/things/ServiceCard.astro
@@ -85,8 +85,8 @@ const {
   display: flex;
   flex-direction: column;
   padding: 1rem;
-  border: 2px solid var(--foreground);
-  box-shadow: 6px 6px 0 var(--foreground);
+  border: 2px solid var(--box-outline);
+  box-shadow: 6px 6px 0 var(--box-outline);
   background: var(--accent-fg);
   border-radius: var(--curve-sm);
 
diff --git a/web/src/pages/all.astro b/web/src/pages/all.astro
index 6afdf60..216b490 100644
--- a/web/src/pages/all.astro
+++ b/web/src/pages/all.astro
@@ -158,8 +158,8 @@ main {
     font-size: 1.6rem;
     background: var(--accent-3);
     color: var(--accent-fg);
-    border: 2px solid var(--foreground);
-    box-shadow: 6px 6px 0 var(--foreground);
+    border: 2px solid var(--box-outline);
+    box-shadow: 6px 6px 0 var(--box-outline);
     border-radius: var(--curve-sm);
     margin: 1rem auto;
     text-align: center;
@@ -201,8 +201,8 @@ main {
 .card {
   margin: 2rem auto 5rem auto;
   padding: 0 2rem;
-  border: 2px solid var(--foreground);
-  box-shadow: 6px 6px 0 var(--foreground);
+  border: 2px solid var(--box-outline);
+  box-shadow: 6px 6px 0 var(--box-outline);
   background: var(--accent-fg);
 }
 
@@ -229,7 +229,7 @@ h2 {
 h3 {
     font-size: 2rem;
     margin: 2rem 0 1rem 0;
-    box-shadow: 6px 6px 0 var(--foreground);
+    box-shadow: 6px 6px 0 var(--box-outline);
     background: var(--accent);
     color: var(--accent-fg);
     width: fit-content;
@@ -245,8 +245,8 @@ h3 {
     width: 80vw;
     margin: 0 auto;
     background: var(--accent-fg);
-    border: 2px solid var(--foreground);
-    box-shadow: 6px 6px 0 var(--foreground);
+    border: 2px solid var(--box-outline);
+    box-shadow: 6px 6px 0 var(--box-outline);
     border-radius: var(--curve-sm);
 
     display: flex;