aboutsummaryrefslogtreecommitdiff
path: root/tailwind.config.js
blob: d960708766c1721431aeddb60184be2633d1bf76 (plain)
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./tmpl/*.html"], // This is where your HTML templates / JSX files are located
  theme: {
    extend: {
      fontFamily: {
        sans: ["Iosevka Aile Iaso", "sans-serif"],
        mono: ["Iosevka Curly Iaso", "monospace"],
        serif: ["Iosevka Etoile Iaso", "serif"],
      },
      colors: {
        bg: {
          hard: "#f9f5d7",
          soft: "#f2e5bc",
          0: "#fbf1c7",
          1: "#ebdbb2",
          2: "#d5c4a1",
          3: "#bdae93",
          4: "#a89984",
        },
        bgDark: {
          hard: "#1d2021",
          soft: "#32302f",
          0: "#282828",
          1: "#3c3836",
          2: "#504945",
          3: "#665c54",
          4: "#7c6f64",
        },
        fg: {
          0: "#282828",
          1: "#3c3836",
          2: "#504945",
          3: "#665c54",
          4: "#7c6f64",
        },
        fgDark: {
          0: "#fbf1c7",
          1: "#ebdbb2",
          2: "#d5c4a1",
          3: "#bdae93",
          4: "#a89984",
        },
        red: {
          dark: "#9d0006",
          light: "#cc241d",
        },
        redDark: {
          dark: "#cc241d",
          light: "#fb4934",
        },
        green: {
          light: "#98971a",
          dark: "#79740e",
        },
        greenDark: {
          dark: "#98971a",
          light: "#b8bb26",
        },
        yellow: {
          light: "#d79921",
          dark: "#b57614",
        },
        yellowDark: {
          light: "#d79921",
          dark: "#fabd2f",
        },
        blue: {
          light: "#458588",
          dark: "#076678",
        },
        blueDark: {
          dark: "#458588",
          light: "#83a598",
        },
        purple: {
          light: "#b16286",
          dark: "#8f3f71",
        },
        purpleDark: {
          dark: "#b16286",
          light: "#d3869b",
        },
        aqua: {
          light: "#689d6a",
          dark: "#427b58",
        },
        aquaDark: {
          dark: "#689d6a",
          light: "#8ec07c",
        },
        orange: {
          light: "#d65d0e",
          dark: "#af3a03",
        },
        orangeDark: {
          dark: "#d65d0e",
          light: "#fe8019",
        },
        gray: {
          light: "#928374",
          dark: "#7c6f64",
        },
        grayDark: {
          dark: "#928374",
          light: "#a89984",
        },
      }
    },
  },
  plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
};