From e75ffe8665edb5aa5068a7ad02abbbca70d15b4f Mon Sep 17 00:00:00 2001 From: Brian Rogers Date: Tue, 5 Apr 2022 11:03:54 -0600 Subject: [PATCH] adding a tailwind config file --- src/tailwind.config.js | 192 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 192 insertions(+) create mode 100644 src/tailwind.config.js diff --git a/src/tailwind.config.js b/src/tailwind.config.js new file mode 100644 index 0000000..a61387f --- /dev/null +++ b/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'), + ], +}