docs/tailwind.config.js at main · QuilibriumNetwork/docs · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  corePlugins: {
    preflight: false,
    container: false,
  },
  darkMode: ["class", '[data-theme="dark"]'],
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    fontFamily: {
      sans: ["Inter", "sans-serif"],
      heading: ["AtAero", "sans-serif"],
      mono: ["Geist Mono", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "monospace"],
    },
    colors: {
      // Opacity-compatible
      burgundy: "rgb(64 0 27 / <alpha-value>)",
      white: "rgb(255 255 255 / <alpha-value>)",
      pink: "rgb(255 5 109 / <alpha-value>)",
      beige: "rgb(240 233 228 / <alpha-value>)",
      "dark-grey": "rgb(190 184 180 / <alpha-value>)",
      green: "rgb(34 169 65 / <alpha-value>)",
      blue: "rgb(2 135 242 / <alpha-value>)",
      orange: "rgb(255 96 0 / <alpha-value>)",
      purple: "rgb(99 48 202 / <alpha-value>)",
      "light-grey": "rgb(248 248 248 / <alpha-value>)",
      "light-pink": "rgb(255 230 240 / <alpha-value>)",
      "light-green": "rgb(219 244 220 / <alpha-value>)",
      "light-blue": "rgb(218 238 255 / <alpha-value>)",
      "light-purple": "rgb(231 221 255 / <alpha-value>)",
      "light-orange": "rgb(255 232 223 / <alpha-value>)",
      // Tailwind's default palette under a new key
    },
  },
  plugins: [],
};