willow-cdc.github.io/tailwind.config.js at main · willow-cdc/willow-cdc.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
// tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
  corePlugins: {
    preflight: false, // disable Tailwind's reset
  },
  content: ["./src/**/*.{js,jsx,ts,tsx}", "../docs/**/*.mdx"], // my markdown stuff is in ../docs, not /src
  darkMode: ["class", '[data-theme="dark"]'], // hooks into docusaurus' dark mode settings
  theme: {
    extend: {
      fontFamily: {
        epilogue: ["Epilogue", "sans-serif"],
        sans: ["Inter", "sans-serif"],
        roboto: ["Roboto", "sans-serif"],
      },
      colors: {
        willowGreen: {
          50: "#f3fbf2",
          100: "#e5f6e2",
          200: "#cbecc6",
          300: "#a1dc99",
          400: "#70c365",
          500: "#4ba740",
          600: "#409935",
          700: "#2f6d28",
          800: "#295724",
          900: "#23481f",
          950: "#0e270c",
        },
        willowGreenLight: "#56cd47",
        willowBrown: {
          50: "#f5f4f0",
          100: "#e9e8de",
          200: "#d6d4c0",
          300: "#bbb89b",
          400: "#a29f79",
          500: "#7c7955",
          600: "#696747",
          700: "#525139",
          800: "#434231",
          900: "#3b3b2c",
          950: "#1e1e15",
        },
        heroContrast: `#4481BB`,
      },
    },
  },
  plugins: [],
};