From 668bff20cee8f30952ccbf2fb20bf56756224ab0 Mon Sep 17 00:00:00 2001
From: Ryan Chandler <ryangjchandler@gmail.com>
Date: Tue, 9 Mar 2021 21:32:51 +0000
Subject: [PATCH] feature: blue support

---
 resources/css/base.css | 11 ++++++++++-
 tailwind.config.js     | 12 ++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/resources/css/base.css b/resources/css/base.css
index 8229d951fd..1c7ad688a2 100644
--- a/resources/css/base.css
+++ b/resources/css/base.css
@@ -27,8 +27,8 @@
       --f-danger-700: theme('colors.rose.700');
       --f-danger-800: theme('colors.rose.800');
       --f-danger-900: theme('colors.rose.900');
-      --f-gray-200: theme('colors.coolGray.200');
       --f-gray-100: theme('colors.coolGray.100');
+      --f-gray-200: theme('colors.coolGray.200');
       --f-gray-300: theme('colors.coolGray.300');
       --f-gray-400: theme('colors.coolGray.400');
       --f-gray-500: theme('colors.coolGray.500');
@@ -36,6 +36,15 @@
       --f-gray-700: theme('colors.coolGray.700');
       --f-gray-800: theme('colors.coolGray.800');
       --f-gray-900: theme('colors.coolGray.900');
+      --f-blue-100: theme('colors.defaultBlue.100');
+      --f-blue-200: theme('colors.defaultBlue.200');
+      --f-blue-300: theme('colors.defaultBlue.300');
+      --f-blue-400: theme('colors.defaultBlue.400');
+      --f-blue-500: theme('colors.defaultBlue.500');
+      --f-blue-600: theme('colors.defaultBlue.600');
+      --f-blue-700: theme('colors.defaultBlue.700');
+      --f-blue-800: theme('colors.defaultBlue.800');
+      --f-blue-900: theme('colors.defaultBlue.900');
       --f-white: theme('colors.defaultWhite');
   }
 
diff --git a/tailwind.config.js b/tailwind.config.js
index ea68fb3e77..6133961180 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -65,12 +65,24 @@ module.exports = {
             800: 'var(--f-gray-800)',
             900: 'var(--f-gray-900)',
         },
+        blue: {
+            100: 'var(--f-blue-100)',
+            200: 'var(--f-blue-200)',
+            300: 'var(--f-blue-300)',
+            400: 'var(--f-blue-400)',
+            500: 'var(--f-blue-500)',
+            600: 'var(--f-blue-600)',
+            700: 'var(--f-blue-700)',
+            800: 'var(--f-blue-800)',
+            900: 'var(--f-blue-900)',
+        },
         white: 'var(--f-white)',
         lightBlue: colors.lightBlue,
         emerald: colors.emerald,
         rose: colors.rose,
         coolGray: colors.coolGray,
         defaultWhite: colors.white,
+        defaultBlue: colors.blue
       },
       keyframes: {
         shake: {