feat: themed equipment preview

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,

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: {