threadclient/tailwind.config.js at main · forklifters/threadclient · 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
const colors = require("tailwindcss/colors");

module.exports = {
    purge: process.env.NODE_ENV === "development" ? [] : {
        enabled: true,
        content: [
            "./src/**/*",
            "./static/**/*.html",
        ],
    },
    darkMode: "class",
    theme: {
        colors: {
            // TODO move these css variables into the tailwind config and get rid
            // of the css variables
            'transparent': "transparent",
            'current': "currentColor",
            'gray': colors.coolGray,
            'blue': colors.blue,
            'green': colors.emerald,
            'red': colors.red,
            'cyan': colors.cyan,
            'light-blue': colors.lightBlue,
            'orange': colors.orange,
            'flair-light': "var(--flair-color)",
            'flair-dark': "var(--flair-color-dark)",
            'body': "var(--body-color)",
            'border': "var(--border-color)",
            'textc': "var(--text-color)",
            'userlink-color-light': "var(--light-color)",
            'userlink-color-dark': "var(--dark-color)",
            'spoiler-color': "var(--spoiler-color)",
            'spoiler-color-hover': "var(--spoiler-color-hover)",
            'spoiler-color-revealed': "var(--spoiler-color-revealed)",
            'white': "#FFF",
            'black': "#000",
            // nightwind doesn't work properly with dahes in names for some reason
            'postcolor': {100: "#FFF", 800: "#181a1b"}, // TODO add more colors here :: spoiler-color spoiler-color-hover spoiler-color-revealed + those collapse btn colors
        },
    },
    plugins: [
        require("nightwind"),
    ],
};