editor/tailwind.config.js at main · bridge-core/editor · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ['./src/**/*.{html,vue}'],
	darkMode: 'class',
	theme: {
		extend: {
			colors: {
				primary: 'var(--theme-color-primary)',

				accent: 'var(--theme-color-accent)',
				'accent-secondary': 'var(--theme-color-accentSecondary)',

				background: 'var(--theme-color-background)',
				'background-secondary': 'var(--theme-color-backgroundSecondary)',
				'background-tertiary': 'var(--theme-color-backgroundTertiary)',

				text: 'var(--theme-color-text)',
				'text-secondary': 'var(--theme-color-textSecondary)',

				behaviorPack: 'var(--theme-color-behaviorPack)',
				resourcePack: 'var(--theme-color-resourcePack)',
				skinPack: 'var(--theme-color-skinPack)',
				worldTemplate: 'var(--theme-color-worldTemplate)',

				warning: 'var(--theme-color-warning)',
				info: 'var(--theme-color-info)',
				error: 'var(--theme-color-error)',
				success: 'var(--theme-color-success)',

				toolbar: 'var(--theme-color-toolbar)',
			},
			height: {
				toolbar: '1.5rem',
				app: 'calc(100vh - 1.5rem)',
			},
			maxHeight: {
				toolbar: '1.5rem',
				app: 'calc(100vh - 1.5rem)',
			},
			spacing: {
				toolbar: '1.5rem',
			},
			boxShadow: {
				window: '0 0 16px -2px rgb(0, 0, 0, 0.4)',
			},
			fontSize: {
				'theme-editor': 'var(--theme-font-size-editor)',
			},
			fontFamily: {
				theme: 'var(--theme-font)',
				'theme-editor': 'var(--theme-font-editor)',
				inter: ['Inter', 'ui-sans-serif', 'system-ui', 'Segoe UI', 'Roboto', 'sans-serif'],
			},
		},
	},
	plugins: [],
}