107 lines
3.4 KiB
JavaScript
107 lines
3.4 KiB
JavaScript
import defaultTheme from "tailwindcss/defaultTheme";
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
|
|
'./storage/framework/views/*.php',
|
|
'./resources/**/*.blade.php',
|
|
'./resources/**/*.js',
|
|
'./resources/**/*.vue',
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
},
|
|
extend: {
|
|
colors: {
|
|
client: {
|
|
sidebar: {
|
|
text: '#97a2b6',
|
|
icon: '#97a2b6',
|
|
textHover: '#9899ac',
|
|
iconHover: '#9899ac',
|
|
hoverItem: '#009ef7',
|
|
bgLink: '#030615',
|
|
bgLinkHover: '#252a41',
|
|
bgLinkHoverItem: '#2f3551',
|
|
background: '#171a28',
|
|
},
|
|
primary: '#18181B',
|
|
primaryDarker: '#3A1078',
|
|
primaryBlue: '#3795BD',
|
|
primaryLight: '#F7F7F8',
|
|
white: '#FFFFFF',
|
|
gray: 'rgba(102,102,102,0.62)',
|
|
Fontcolor: '#3A3845',
|
|
},
|
|
sidebar: {
|
|
text: '#9899ac',
|
|
svgHover: '#009ef7',
|
|
bgHover: '#1B1B28',
|
|
},
|
|
body: {
|
|
light: '#F2F4F7',
|
|
},
|
|
white: {
|
|
DEFAULT: '#ffffff',
|
|
active: '#F5F8FA',
|
|
},
|
|
primary: {
|
|
DEFAULT: '#009EF7',
|
|
active: '#0095e8',
|
|
light: '#F1FAFF',
|
|
},
|
|
light: {
|
|
DEFAULT: '#F5F8FA',
|
|
active: '#eff2f5',
|
|
},
|
|
secondary: {
|
|
DEFAULT: '#E4E6EF',
|
|
active: '#b5b5c3',
|
|
},
|
|
success: {
|
|
DEFAULT: '#50CD89',
|
|
active: '#47be7e',
|
|
light: '#E8FFF3',
|
|
},
|
|
info: {
|
|
DEFAULT: '#7239EA',
|
|
active: '#5014d0',
|
|
light: '#F8F5FF',
|
|
},
|
|
warning: {
|
|
DEFAULT: '#FFC700',
|
|
active: '#f1bc00',
|
|
light: '#FFF8DD',
|
|
},
|
|
danger: {
|
|
DEFAULT: '#F1416C',
|
|
active: '#d9214e',
|
|
light: '#FFF5F8',
|
|
},
|
|
dark: {
|
|
DEFAULT: '#181C32',
|
|
active: '#131628',
|
|
light: '#EFF2F5',
|
|
},
|
|
},
|
|
gridTemplateColumns: {
|
|
'menu': 'repeat(auto-fit, minmax(1rem, auto))',
|
|
'a': 'auto',
|
|
'af': 'auto 1fr',
|
|
'fa': '1fr auto',
|
|
'2a': 'auto auto',
|
|
'3a': 'auto auto auto',
|
|
},
|
|
boxShadow: {
|
|
'all': '0 0 20px rgba(0,0,0,0.08)',
|
|
},
|
|
fontFamily: {
|
|
dana: ['dana', 'sans-serif'],
|
|
sans: ['Nunito', ...defaultTheme.fontFamily.sans],
|
|
},
|
|
},
|
|
}
|
|
};
|