up-csi.github.io/tailwind.config.ts at main · s0mme/up-csi.github.io · 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
58
59
60
61
62
63
64
65
66
67
68
69
70
import { Config } from 'tailwindcss';
import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import typo from '@tailwindcss/typography';

export default {
    darkMode: 'selector',
    content: ['./src/**/*.{css,html,js,svelte,ts}'],
    theme: {
        fontFamily: {
            dm: ['DMSans', ...defaultTheme.fontFamily.sans],
            inter: ['Inter', ...defaultTheme.fontFamily.sans],
        },
        colors: {
            'csi-blue': '#00C6D7',
            'csi-black': '#212121',
            'csi-yellow': '#F7CF2F',
            'csi-white': '#F9FAFB',
            'csi-neutral': {
                '50': '#F6F6F6',
                '100': '#E7E7E7',
                '200': '#D1D1D1',
                '300': '#B0B0B0',
                '400': '#888888',
                '500': '#6D6D6D',
                '600': '#5D5D5D',
                '700': '#4F4F4F',
                '800': '#454545',
                '900': '#3D3D3D',
                '950': '#1D1D1D',
            },
            'warm-white': '#E0E1E0',
            'blue-white': '#D7E6ED',
            'blue-neutral': '#32718E',
            blue: '#35ADBB',
            black: '#253242',
            gray: '#A6A6A6',
            'light-gray': '#F0F0F0',
            'dark-gray': '#323232',
            white: '#FFFFFF',
            transparent: '#00000000',
            committees: {
                innov: '#F9961E',
                service: '#F9D51F',
                exte: '#3F5FAC',
                mni: '#F26C9F',
                bnc: '#47B749',
                engg: '#E53333',
            },
        },
        extend: {
            typography: ({ theme }) => ({
                DEFAULT: {
                    css: {
                        '--tw-prose-body': theme('colors.csi-black'),
                        '--tw-prose-headings': theme('colors.csi-black'),
                        '--tw-prose-bullets': theme('colors.csi-black'),
                        '--tw-prose-invert-body': theme('colors.csi-white'),
                        '--tw-prose-invert-headings': theme('colors.csi-white'),
                        '--tw-prose-invert-bullets': theme('colors.csi-white'),
                    },
                },
            }),
            backgroundImage: {
                lino: 'url("$lib/lino-hero.svg")',
            },
        },
    },
    plugins: [forms, typo],
} satisfies Config;