directlx-dev/tailwind.config.js

56 lines
1.3 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./templates/**/*.html",
"./static/js/**/*.js"
],
theme: {
extend: {
fontFamily: {
display: ['Syne', 'sans-serif'],
body: ['DM Sans', 'sans-serif'],
},
colors: {
primary: {
50: '#f0fdf4',
100: '#dcfce7',
200: '#bbf7d0',
300: '#86efac',
400: '#4ade80',
500: '#5CB82C',
600: '#4CA324',
700: '#3D8A1D',
800: '#2F6B16',
900: '#1F4D0F',
},
accent: {
50: '#fff7ed',
100: '#ffedd5',
200: '#fed7aa',
300: '#fdba74',
400: '#fb923c',
500: '#F7931E',
600: '#ea7c0c',
700: '#c2640a',
800: '#9a4f0d',
900: '#7c400e',
},
surface: {
DEFAULT: '#0f0f1a',
50: '#16162a',
100: '#1c1c2e',
200: '#22223a',
},
void: '#07070f',
},
boxShadow: {
'glow-sm': '0 0 15px rgba(92, 184, 44, 0.25)',
'glow': '0 0 30px rgba(92, 184, 44, 0.3)',
'glow-lg': '0 0 60px rgba(92, 184, 44, 0.35)',
'glow-accent': '0 0 30px rgba(247, 147, 30, 0.25)',
},
},
},
plugins: [],
}