From ac3f2ea93a2e551424ea8a4a3999336fdbd6e9d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 6 Apr 2024 09:52:28 -0500
Subject: [PATCH] feat: themed equipment preview

---
 src/app/tools/compare/page.tsx | 4 ++--
 src/stitches.config.ts         | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/tools/compare/page.tsx b/src/app/tools/compare/page.tsx
index c796c222d..c1fe9bc9c 100644
--- a/src/app/tools/compare/page.tsx
+++ b/src/app/tools/compare/page.tsx
@@ -385,7 +385,7 @@ export default function Page() {
                                               backgroundColor:
                                                 equipment === -1
                                                   ? theme.colors
-                                                      .textLowContrast_green
+                                                      .textLowContrast_crimson
                                                   : theme.colors
                                                       .textLowContrast,
                                               borderRadius: 2,
@@ -398,7 +398,7 @@ export default function Page() {
                                               backgroundColor:
                                                 equipment === 1
                                                   ? theme.colors
-                                                      .textLowContrast_green
+                                                      .textLowContrast_crimson
                                                   : theme.colors
                                                       .textLowContrast,
                                               borderRadius: 2,
diff --git a/src/stitches.config.ts b/src/stitches.config.ts
index c94b4892d..d9c13bf23 100644
--- a/src/stitches.config.ts
+++ b/src/stitches.config.ts
@@ -3,6 +3,7 @@ import {
   amberDarkA,
   blueDark,
   brownDark,
+  crimsonDark,
   greenDark,
   mauveDark,
   orangeDark,
@@ -36,6 +37,7 @@ export const theme = {
     ...createColors(brownDark, 'brown'),
     ...createColors(mauveDark, 'mauve'),
     ...createColors(sandDark, 'sand'),
+    ...createColors(crimsonDark, 'crimson'),
   },
 
   borderStyles: {