Confitty/tailwind.config.js at confitty · xcutiboo/Confitty · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ["./src/**/*.{html,ts}"],
	theme: {
		extend: {
			fontSize: {
				// Dense chrome — status strips, meta rows, badges. In rem so it
				// tracks the reader's browser font size, and with a looser line
				// height because small text needs more of it to stay legible.
				"2xs": ["0.6875rem", { lineHeight: "1.45" }],
			},
			colors: {
				"kitty-dark": "rgb(var(--kitty-dark) / <alpha-value>)",
				"kitty-darker": "rgb(var(--kitty-darker) / <alpha-value>)",
				"kitty-bg": "rgb(var(--kitty-bg) / <alpha-value>)",
				"kitty-surface": "rgb(var(--kitty-surface) / <alpha-value>)",
				"kitty-surface-light":
					"rgb(var(--kitty-surface-light) / <alpha-value>)",
				"kitty-primary": "rgb(var(--kitty-primary) / <alpha-value>)",
				"kitty-primary-dim": "rgb(var(--kitty-primary-dim) / <alpha-value>)",
				"kitty-primary-hover":
					"rgb(var(--kitty-primary-hover) / <alpha-value>)",
				"kitty-secondary": "rgb(var(--kitty-secondary) / <alpha-value>)",
				"kitty-accent": "rgb(var(--kitty-accent) / <alpha-value>)",
				"kitty-accent-dim": "rgb(var(--kitty-accent-dim) / <alpha-value>)",
				"kitty-warning": "rgb(var(--kitty-warning) / <alpha-value>)",
				"kitty-text": "rgb(var(--kitty-text) / <alpha-value>)",
				"kitty-text-dim": "rgb(var(--kitty-text-dim) / <alpha-value>)",
				"kitty-border": "rgb(var(--kitty-border) / <alpha-value>)",
				"kitty-border-light": "rgb(var(--kitty-border-light) / <alpha-value>)",
			},
		},
	},
	plugins: [],
};