-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
47 lines (46 loc) · 1.25 KB
/
tailwind.config.ts
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
import type { Config } from 'tailwindcss';
const config: Config = {
darkMode: 'class',
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/features/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./theme.config.tsx',
],
safelist: [
{
pattern: /text-socialMedia-[a-z]/,
},
{
pattern: /bg-socialMedia-[a-z]*/,
variants: ['hover', 'dark'],
},
],
theme: {
extend: {
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
},
colors: {
'bg-dark': 'var(--bg-dark)',
'bg-light': 'var(--bg-light)',
'dark-theme': '#0f3854',
'light-theme': '#cee6f6',
'secondary-dark-theme': 'var(--secondary-dark-theme)',
'secondary-light-theme': 'var(--secondary-light-theme)',
primary: '#1C8ADB',
socialMedia: {
email: '#ff0000',
linkedin: '#0077b5',
github: { light: '#333333', dark: '#f5f5f5' },
gitlab: '#fc6d26',
hackerrank: '#1ba94c',
whatsapp: '#25d366',
},
},
},
},
plugins: [],
};
export default config;