-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
56 lines (55 loc) · 1.51 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
// eslint-disable-next-line
const colors = require('tailwindcss/colors')
module.exports = {
mode: 'jit',
purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {
colors: {
purple: '#5865F2',
'purple-dark': 'rgb(73, 84, 202)',
divider: 'hsla(0, 0%, 100%, 0.06)',
gray: colors.gray,
},
textColor: {
primary: '#b9bbbe',
hover: '#dcddde',
muted: '#72767b',
link: 'rgb(0, 175, 244)',
},
borderColor: {
primary: 'rgba(255, 255, 255, 0.16)',
input: 'rgba(0, 0, 0, 0.3)',
'input-hover': '#040405',
},
backgroundColor: {
primary: '#36393f',
secondary: '#2f3136',
'secondary-alt': '#292b2f',
tertiary: '#202225',
floating: '#18191c',
textarea: '#40444b',
'blue-light': 'rgb(144, 205, 244)',
'blue-dark': 'rgb(99, 179, 237)',
'modifier-hover': 'rgba(79, 84, 92, 0.16)',
'modifier-selected': 'rgba(79, 84, 92, 0.32)',
input: 'rgba(0, 0, 0, 0.1)',
},
spacing: {
0.25: '0.0625rem',
13: '3.25rem',
15: '3.75rem',
18: '4.5rem',
},
boxShadow: {
msg: '0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2)',
low: 'rgba(4, 4, 5, 0.2) 0px 1px 0px 0px, rgba(6, 6, 7, 0.05) 0px 1.5px 0px 0px, rgba(4, 4, 5, 0.05) 0px 2px 0px 0px',
},
},
},
variants: {
extend: {},
},
plugins: [],
}