81 lines
1.7 KiB
JavaScript
81 lines
1.7 KiB
JavaScript
import defaultTheme from 'tailwindcss/defaultTheme'
|
|
import colors from 'tailwindcss/colors'
|
|
|
|
const MyTheme = {
|
|
colors: {
|
|
green: {
|
|
DEFAULT: '#3BA676',
|
|
'50': '#B4E4CF',
|
|
'100': '#A5DFC5',
|
|
'200': '#87D4B2',
|
|
'300': '#69CA9E',
|
|
'400': '#4BBF8B',
|
|
'500': '#3BA676',
|
|
'600': '#2C7D59',
|
|
'700': '#1E533B',
|
|
'800': '#0F2A1E',
|
|
'900': '#000000',
|
|
},
|
|
blue: {
|
|
DEFAULT: '#0096FF',
|
|
'50': '#B8E2FF',
|
|
'100': '#A3D9FF',
|
|
'200': '#7AC8FF',
|
|
'300': '#52B8FF',
|
|
'400': '#29A7FF',
|
|
'500': '#0096FF',
|
|
'600': '#0075C7',
|
|
'700': '#00548F',
|
|
'800': '#003357',
|
|
'900': '#00121F',
|
|
},
|
|
red: {
|
|
DEFAULT: '#FF6464',
|
|
'50': '#FFFFFF',
|
|
'100': '#FFFFFF',
|
|
'200': '#FFDEDE',
|
|
'300': '#FFB6B6',
|
|
'400': '#FF8D8D',
|
|
'500': '#FF6464',
|
|
'600': '#FF2C2C',
|
|
'700': '#F30000',
|
|
'800': '#BB0000',
|
|
'900': '#830000',
|
|
},
|
|
},
|
|
}
|
|
|
|
export default {
|
|
darkMode: 'class',
|
|
content: [
|
|
'./components/**/*.{vue,js,ts}',
|
|
'./layouts/**/*.vue',
|
|
'./pages/**/*.vue',
|
|
'./composables/**/*.{js,ts}',
|
|
'./plugins/**/*.{js,ts}',
|
|
'./App.{js,ts,vue}',
|
|
'./app.{js,ts,vue}',
|
|
'./Error.{js,ts,vue}',
|
|
'./error.{js,ts,vue}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
maxWidth: {
|
|
'8xl': '90rem',
|
|
},
|
|
colors: {
|
|
primary: MyTheme.colors.green,
|
|
// if want to change primary color to blue
|
|
// primary: MyTheme.colors.blue,
|
|
green: MyTheme.colors.green,
|
|
blue: MyTheme.colors.blue,
|
|
red: MyTheme.colors.red,
|
|
slate: colors.slate,
|
|
},
|
|
fontFamily: {
|
|
sans: ['Nunito', ...defaultTheme.fontFamily.sans],
|
|
},
|
|
},
|
|
},
|
|
}
|