adding a tailwind config file

src/tailwind.config.js

@@ -0,0 +1,192 @@
+const defaultTheme = require('tailwindcss/defaultTheme');
+
+module.exports = {
+  content: [
+    './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
+    './vendor/laravel/jetstream/**/*.blade.php',
+    './storage/framework/views/*.php',
+    './resources/views/**/*.blade.php',
+    './resources/js/**/*.vue',
+  ],
+
+  darkMode: 'class',
+
+  theme: {
+    colors: {
+      // use https://uicolors.app/create
+      // neutals
+      'nomad': {
+        50: '#fbfbf8',
+        100: '#f6f6f3',
+        200: '#e9e5e2',
+        300: '#dad3cd',
+        400: '#b5a89c',
+        500: '#827262',
+        600: '#5e5647',
+        700: '#4b4235',
+        800: '#2d2420',
+        900: '#201913',
+      },
+
+      // reds
+      'mulberry': {
+        50: '#fbf4f9',
+        100: '#f9eaf4',
+        200: '#f5d5ea',
+        300: '#eeb3d8',
+        400: '#e284bd',
+        500: '#d55fa3',
+        600: '#c54b8c',
+        700: '#a72f6c',
+        800: '#8a2a59',
+        900: '#74274d',
+      },
+
+      // oranges
+      'vesuvius': {
+        50: '#fffbeb',
+        100: '#fef3c7',
+        200: '#fde58a',
+        300: '#fbd24e',
+        400: '#fabe25',
+        500: '#f49d0c',
+        600: '#d87607',
+        700: '#bc560a',
+        800: '#923f0e',
+        900: '#78340f',
+      },
+
+      // yellows
+
+
+      // greens
+      'bright-green': {
+        50: '#efffe6',
+        100: '#daffc8',
+        200: '#b7fe98',
+        300: '#88fa5c',
+        400: '#5ff02a',
+        500: '#3fd60c',
+        600: '#2bac04',
+        700: '#238209',
+        800: '#20670d',
+        900: '#1d5710',
+      },
+
+      'spring-green': {
+        50: '#effef6',
+        100: '#d9ffee',
+        200: '#b5fddd',
+        300: '#7bfac4',
+        400: '#3aeea2',
+        500: '#12e78d',
+        600: '#07b26a',
+        700: '#0a8b55',
+        800: '#0e6d46',
+        900: '#0d5a3c',
+      },
+
+      'forest-green': {
+        50: '#f1fdf0',
+        100: '#ddfcdc',
+        200: '#bff6bc',
+        300: '#8aee87',
+        400: '#50dc4c',
+        500: '#24b321',
+        600: '#1ba118',
+        700: '#187f16',
+        800: '#186417',
+        900: '#155215',
+      },
+
+      'eucalyptus': {
+        50: '#f1fcf5',
+        100: '#dff9ea',
+        200: '#c0f2d5',
+        300: '#8fe6b5',
+        400: '#57d18c',
+        500: '#30b76b',
+        600: '#239654',
+        700: '#22844d',
+        800: '#1d5e3a',
+        900: '#1a4d31',
+      },
+
+      // teals
+      'aquamarine': {
+        50: '#eafff7',
+        100: '#cdfeea',
+        200: '#a1fadb',
+        300: '#63f2c9',
+        400: '#25e2b2',
+        500: '#01c89c',
+        600: '#00a380',
+        700: '#00836b',
+        800: '#006756',
+        900: '#005548',
+      },
+
+      'bermuda': {
+        50: '#f2fbf9',
+        100: '#d2f5f0',
+        200: '#a5eae1',
+        300: '#7bdbd1',
+        400: '#42bfb6',
+        500: '#29a39c',
+        600: '#1e837f',
+        700: '#1c6967',
+        800: '#1b5453',
+        900: '#1b4645',
+      },
+
+      'tiber': {
+        50: '#edfffc',
+        100: '#c2fff8',
+        200: '#86fff4',
+        300: '#42ffed',
+        400: '#0bf6e0',
+        500: '#00d9c7',
+        600: '#00afa5',
+        700: '#008b85',
+        800: '#016e6b',
+        900: '#05403e',
+      },
+
+      // blues
+      'fun-blue': {
+        50: '#f2f7fd',
+        100: '#e4edfa',
+        200: '#c3d9f4',
+        300: '#8dbaec',
+        400: '#5197df',
+        500: '#2a7acd',
+        600: '#1b5daa',
+        700: '#174c8d',
+        800: '#174175',
+        900: '#193961',
+      },
+
+      // purples
+
+
+      // pinks
+
+    },
+
+    fontFamily: {
+      sans: ['Nunito', ...defaultTheme.fontFamily.sans],
+      serif: ['Nunito', ...defaultTheme.fontFamily.serif],
+      mono: ['Nunito', ...defaultTheme.fontFamily.mono],
+      display: ['Nunito', ...defaultTheme.fontFamily.display],
+      body: ['"Font Name"', ...defaultTheme.fontFamily.body],
+    },
+
+    extend: {},
+  },
+
+  plugins: [
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/typography'),
+    //require('tailwindcss-neumorphism'),
+  ],
+}