developer-docs/tailwind.config.js at main · mirainc/developer-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
37
38
39
40
const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
  content: ['./src/**/*.{js,ts,jsx,tsx}', './content/**/*.{md,mdx}'],
  darkMode: 'class',
  theme: {
    extend: {
      fontFamily: {
        sans: ['Gellix', ...defaultTheme.fontFamily.sans],
      },
      colors: {
        zinc: {
          950: '#101010',
        },
        sky: {
          // Generated from https://www.tailwindshades.com/#color=220.09478672985782%2C99.06103286384977%2C41.76470588235294&step-up=10&step-down=7&hue-shift=0&name=science-blue&base-stop=6&overrides=e30%3D
          DEFAULT: '#0147D4',
          50: '#EFF4FF',
          100: '#D5E3FF',
          200: '#A2C1FF',
          300: '#709FFE',
          400: '#3D7DFE',
          500: '#0A5BFE',
          600: '#0147D4',
          700: '#013BB0',
          800: '#012F8D',
          900: '#002369',
        },
        'logo-bg': {
          DEFAULT: '#000',
          dark: '#fff',
        },
      },
      screens: {
        '1.5xl': '1440px',
      },
    },
  },
  plugins: [require('@tailwindcss/typography')],
};