Add border and svg colors

src/styles/base.css

@@ -9,6 +9,7 @@
     --color-fill: 251, 254, 251;
     --color-accent: 0, 108, 172;
     --color-card: 230, 230, 230;
+    --color-border: 236, 233, 233;
   }
   .theme-dark {
     --color-text-base: 250, 253, 254;
@@ -16,6 +17,7 @@
     --color-fill: 38, 45, 54;
     --color-accent: 26, 217, 217;
     --color-card: 63, 75, 90;
+    --color-border: 236, 233, 233;
   }
 }
 

tailwind.config.cjs

@@ -25,6 +25,17 @@ module.exports = {
           card: withOpacity("--color-card"),
         },
       },
+      borderColor: {
+        skin: {
+          line: withOpacity("--color-border"),
+        },
+      },
+      fill: {
+        skin: {
+          base: withOpacity("--color-text-base"),
+          accent: withOpacity("--color-text-accent"),
+        },
+      },
       fontFamily: {
         mono: ["IBM Plex Mono", "monospace"],
       },