From 4075db963b66f10e76e1f9814c685527ee284834 Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Fri, 9 Sep 2022 00:45:11 +0630
Subject: [PATCH] Add border and svg colors

---
 src/styles/base.css |  2 ++
 tailwind.config.cjs | 11 +++++++++++
 2 files changed, 13 insertions(+)

diff --git a/src/styles/base.css b/src/styles/base.css
index 2019053..cad8e28 100644
--- a/src/styles/base.css
+++ b/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;
   }
 }
 
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 1daca44..1c47682 100644
--- a/tailwind.config.cjs
+++ b/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"],
       },