lasthourcloud/apps/ui/tailwind.config.cjs
2022-08-09 15:28:26 +00:00

67 lines
1.5 KiB
JavaScript

const defaultTheme = require('tailwindcss/defaultTheme');
module.exports = {
content: ['./**/*.html', './src/**/*.{js,jsx,ts,tsx,svelte}'],
important: true,
daisyui: {
themes: [
{
coollabs: {
"base-100":"#323232",
"base-200":"#242424",
"base-300":"#181818",
"primary": "#6d28d9",
"primary-content": "#fff",
"secondary": "#343232",
"accent": "#343232",
"neutral": "#272626",
"info": "#0284c7",
"success": "#16A34A",
"warning": "#FFFF00",
"error": "#DC2626",
"--rounded-btn": "0.3rem",
"--btn-text-case": "normal"
},
}
],
},
theme: {
extend: {
keyframes: {
wiggle: {
'0%, 100%': { transform: 'rotate(-3deg)' },
'50%': { transform: 'rotate(3deg)' }
}
},
animation: {
wiggle: 'wiggle 0.5s ease-in-out infinite'
},
fontFamily: {
sans: ['Poppins', ...defaultTheme.fontFamily.sans]
},
colors: {
"applications":"#16A34A",
"databases":"#9333EA",
"destinations":"#0284C7",
"sources":"#EA580C",
"services":"#DB2777",
"settings":"#FEE440",
"iam":"#C026D3",
coollabs: '#6B16ED',
'coollabs-100': '#7317FF',
coolblack: '#161616',
'coolgray-100': '#181818',
'coolgray-200': '#202020',
'coolgray-300': '#242424',
'coolgray-400': '#282828',
'coolgray-500': '#323232'
}
}
},
variants: {
scrollbar: ['dark'],
extend: {}
},
plugins: [require('tailwindcss-scrollbar'), require('daisyui')]
};