A simple, clean, fast browser for the AtmosphereConf(2026) VODs
1import tailwindcssAnimate from 'tailwindcss-animate'
2
3/** @type {import('tailwindcss').Config} */
4export default {
5 darkMode: ['class'],
6 content: ['./index.html', './src/**/*.{ts,tsx}'],
7 theme: {
8 extend: {
9 colors: {
10 bg: 'oklch(0 0 0 / <alpha-value>)',
11 surface: 'oklch(0.12 0 0 / <alpha-value>)',
12 line: 'oklch(0.34 0 0 / <alpha-value>)',
13 text: 'oklch(0.95 0 0 / <alpha-value>)',
14 muted: 'oklch(0.72 0 0 / <alpha-value>)',
15 accent: 'oklch(0.75 0.11 190 / <alpha-value>)',
16 info: 'oklch(0.72 0 0 / <alpha-value>)',
17 success: 'oklch(0.72 0 0 / <alpha-value>)',
18 warning: 'oklch(0.72 0 0 / <alpha-value>)',
19 danger: 'oklch(0.72 0 0 / <alpha-value>)',
20 },
21 borderRadius: {
22 xl: '1rem',
23 '2xl': '1.25rem',
24 },
25 boxShadow: {
26 glass: '0 12px 28px oklch(0 0 0 / 0.45)',
27 lift: '0 12px 28px oklch(0 0 0 / 0.45)',
28 },
29 keyframes: {
30 rise: {
31 '0%': { opacity: '0', transform: 'translate3d(0, 10px, 0)' },
32 '100%': { opacity: '1', transform: 'translate3d(0, 0, 0)' },
33 },
34 },
35 animation: {
36 rise: 'rise 440ms cubic-bezier(0.22, 1, 0.36, 1) both',
37 },
38 },
39 },
40 plugins: [tailwindcssAnimate],
41}