bci/tailwind.config.js at main · SUSE/bci · 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
// eslint-disable-next-line @typescript-eslint/no-var-requires
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  mode: 'jit',
  purge: ['./public/**/*.html', './pages/**/*.{js,jsx,ts,tsx}', './components/**/*.{js,jsx,ts,tsx}'],
  darkMode: 'class', // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        // Configure your color palette here
        primary: '#FE7C3F',
        'primary-light': '#113636',
        'secondary-dark': '#0C0D0D',
        'secondary-light': '#30BA78',
        'secondary-lighter': '#AFEACD',
        'suse-blue': '#2251F5',
        'suse-gray': '#f7f7f7',
        customDark: `#1d1f1f`,
      },
    },
    fontFamily: {
      body: ['Poppins', ...defaultTheme.fontFamily.sans],
      display: ['Poppins', ...defaultTheme.fontFamily.sans],
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
  options: {
    // not working?
    safelist: ['bg-purple-500', 'bg-yellow-500', `bg-gray-500`],
  },
}