forked from ocluf/justship
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
64 lines (62 loc) · 1.7 KB
/
tailwind.config.js
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
/* eslint-disable @typescript-eslint/no-require-imports */
const defaultTheme = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')
/** @type {import('tailwindcss').Config} */
const config = {
separator: '_',
content: ['./src/**/*.{svelte,js,ts,html}'],
theme: {
extend: {
colors: {
action: {
DEFAULT: colors.sky[600],
hover: colors.sky[500],
active: colors.sky[700],
},
content: {
heading: colors.slate[900],
'heading-reversed': colors.white,
body: colors.slate[800],
'body-reversed': colors.slate[100],
secondary: colors.slate[500],
'secondary-reversed': colors.slate[400],
tertiary: colors.slate[400],
'tertiary-reversed': colors.slate[400],
},
input: {
dark: colors.slate[900],
DEFAULT: colors.slate[300],
light: colors.slate[200],
},
rule: {
DEFAULT: colors.slate[500],
light: colors.slate[200],
dark: colors.slate[700],
},
surface: {
light: colors.slate[50],
lightest: colors.white,
dark: colors.slate[700],
darkest: colors.slate[900],
},
},
fontFamily: {
sans: [ 'Inter Variable', ...defaultTheme.fontFamily.sans ],
display: [ 'Lexend Variable', ...defaultTheme.fontFamily.sans ],
},
height: {
'input': '2.5rem',
'input-lg': '3rem',
},
lineHeight: {
'open': 1.75,
},
},
},
darkMode: 'selector',
plugins: [
require('@tailwindcss/forms'),
require('@tailwindcss/typography'),
],
};
export default config;