Customize blues

Author: mtrythall

src/assets/css/main.css

@@ -49,7 +49,7 @@
     @apply px-3 py-2;
     @apply border border-gray-400 rounded;
     @apply shadow-sm;
-    @apply focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-bull-blue;
+    @apply focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-blue;
   }
 
   label {
@@ -141,7 +141,7 @@
     width: 2rem;
     height: 2rem;
     border: 5px solid #f3f3f3;
-    border-top: 6px solid theme('colors.bull-blue');
+    border-top: 6px solid theme('colors.blue');
     border-radius: 100%;
     margin: auto;
     animation: spin 1s infinite linear;

tailwind.config.js

@@ -12,8 +12,8 @@ module.exports = {
       colors: {
         'red': '#DB433B',
         'orange': '#F39745',
-        'bull-blue': '#3D9CFB',
-        'mosaic-blue': '#5FBFFA',
+        'blue': '#3D9CFB',
+        'light-blue': '#5FBFFA',
         'purple': '#B989C9',
         'green': '#64A03D',
         'yellow': '#E7BB43',