rgbstudios.github.io/tailwind.config.cjs at master · rgbstudios/rgbstudios.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
const defaultTheme = require('tailwindcss/defaultTheme');

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		container: {
			center: true,
			padding: '2rem',
			screens: {
				// Use default screens, not `xs` for `max-width`
				...defaultTheme.screens
			}
		},
		extend: {
			colors: {
				'brand-red': '#c30',
				'brand-green': '#396',
				'brand-blue': '#36f',

				'base': {
					100: '#eee',
					200: '#ddd',
					300: '#ccc',
					500: '#aaa',
					700: '#333',
					800: '#222',
					900: '#111'
				},

				'accent': {
					800: '#345',
					900: '#012'
				}
			},
			fontFamily: {
				sans: ['Open Sans', ...defaultTheme.fontFamily.sans],
				display: ['Poppins'],
				body: ['Open Sans']
			},
			screens: {
				xs: '360px'
			}
		}
	},
	plugins: [require('daisyui'), require('@tailwindcss/typography')],
	daisyui: {
		themes: [
			{
				rgbtheme: {
					// https://daisyui.com/docs/colors/
					'primary': '#396',
					'success': '#396',
					'info': '#36f',
					'error': '#c30',
					'primary-content': '#eee',
					'base-content': '#eee',
					'secondary-content': '#eee',
					'accent-content': '#eee',
					'neutral': '#ccc',

					'base-100': '#111',
					'base-200': '#222',
					'base-300': '#333',

					'--rounded-box': '0',
					'--rounded-btn': '0',
					'--rounded-badge': '0',
					'--animation-btn': '0.25s',
					'--animation-input': '0.25s',
					'--btn-text-case': 'uppercase',
					'--btn-focus-scale': '0.95',
					'--border-btn': '1px',
					'--tab-border': '1px',
					'--tab-radius': '0'
				}
			}
		]
	}
};