40 lines
900 B
JavaScript
40 lines
900 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
darkMode: 'class',
|
|
content: ['./index.html', './src/**/*.{js,jsx}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
accent: {
|
|
DEFAULT: '#0095f6',
|
|
hover: '#0081d6',
|
|
light: '#47b5ff',
|
|
},
|
|
surface: {
|
|
page: '#0a0a0a',
|
|
sidebar: '#111111',
|
|
card: '#161616',
|
|
input: '#1a1a1a',
|
|
},
|
|
border: {
|
|
DEFAULT: '#222222',
|
|
light: '#333333',
|
|
},
|
|
},
|
|
animation: {
|
|
fadeIn: 'fadeIn 0.5s ease-in-out',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
},
|
|
fontFamily: {
|
|
mono: ['SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', 'monospace'],
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|