electronipchecker/tailwind.config.js

53 lines
1.3 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/renderer/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
// Custom dark theme inspired by One Dark
dark: {
50: '#e4e4e7',
100: '#c8c8cd',
200: '#a1a1aa',
300: '#71717a',
400: '#52525b',
500: '#3f3f46',
600: '#27272a',
700: '#1e1e22',
800: '#18181b',
900: '#0f0f12',
950: '#09090b',
},
accent: {
blue: '#61afef',
purple: '#c678dd',
green: '#98c379',
red: '#e06c75',
orange: '#d19a66',
cyan: '#56b6c2',
yellow: '#e5c07b',
},
},
fontFamily: {
sans: ['JetBrains Mono', 'Fira Code', 'monospace'],
display: ['Space Grotesk', 'system-ui', 'sans-serif'],
},
animation: {
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'glow': 'glow 2s ease-in-out infinite alternate',
},
keyframes: {
glow: {
'0%': { boxShadow: '0 0 5px rgba(97, 175, 239, 0.5)' },
'100%': { boxShadow: '0 0 20px rgba(97, 175, 239, 0.8)' },
},
},
},
},
plugins: [],
}