learn/tailwind.config.js at master · netdata/learn · 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
/** @type {import('tailwindcss').Config} */

const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
	// Tailwind 4 uses automatic content detection, no content config needed
	darkMode: 'class',
	theme: {
		colors: {
			transparent: 'transparent',
			current: 'currentColor',
			black: '#000',
			white: '#fff',
			gray: {
				50: '#f9fafb',
				100: '#f3f4f6',
				200: '#e5e7eb',
				300: '#d1d5db',
				400: '#9ca3af',
				500: '#6b7280',
				600: '#4b5563',
				700: '#374151',
				800: '#1f2937',
				900: '#111827',
				950: '#030712',
				darkbg: '#35414a',
			},
			text: {
				DEFAULT: '#1d1d40',
			},
			darkbg: {
				DEFAULT: '#35414a',
			},
			green: {
				lighter: '#75D54A',
				light: '#00CB51',
				DEFAULT: '#00AB44',
			},
			pink: {
				lighter: '#CFB4EF',
				light: '#EF37D6',
				DEFAULT: '#D400B9',
			},
			blue: {
				lighter: '#9ED0FF',
				light: '#64ADFF',
				DEFAULT: '#5790FF',
			},
			amber: {
				lighter: '#FFE182',
				light: '#FFD74F',
				DEFAULT: '#FFC300',
			},
			red: {
				DEFAULT: '#c92222',
			},
		},
		extend: {
			fontFamily: {
				sans: ['IBM Plex Sans', ...defaultTheme.fontFamily.sans],
				mono: ['IBM Plex Mono', ...defaultTheme.fontFamily.mono],
			},
		},
	},
	plugins: [require('@tailwindcss/typography')],
};