New Drive UI initial version

twake/frontend/tailwind.config.js

@@ -1,7 +1,7 @@
 const defaultTheme = require('tailwindcss/defaultTheme');
 
 let shades = [];
-['zink', 'red', 'orange', 'green', 'blue'].map(color => {
+['zinc', 'red', 'orange', 'green', 'blue'].map(color => {
   [50, 100, 200, 300, 400, 500, 600, 700, 800, 900].map(shade => {
     shades.push(`bg-${color}-${shade}`);
     shades.push(`border-${color}-${shade}`);
@@ -14,7 +14,7 @@ let shades = [];
 
 module.exports = {
   content: ['./src/**/*.{html,js,ts,tsx}'],
-  darkMode: 'class',
+  darkMode: 'media', //Use browser configuration
   theme: {
     extend: {
       fontFamily: {
@@ -27,10 +27,10 @@ module.exports = {
         sm: '8px',
       },
       fontSize: {
-        lg: '18px',
-        base: '16px',
-        sm: '14px',
-        xs: '12px',
+        lg: '17px',
+        base: '15px',
+        sm: '13px',
+        xs: '11px',
       },
 
       colors: {