Skip to content

Instantly share code, notes, and snippets.

@whisher
Created June 3, 2021 06:42

Revisions

  1. whisher created this gist Jun 3, 2021.
    44 changes: 44 additions & 0 deletions gistfile1.txt
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,44 @@
    const colors = require('tailwindcss/colors');
    const defaultTheme = require('tailwindcss/defaultTheme');

    module.exports = {
    purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
    darkMode: false, // or 'media' or 'class'
    theme: {
    colors: {
    black: colors.black,
    white: colors.white,

    primary: {
    light: colors.purple[300],
    DEFAULT: colors.purple[400],
    dark: colors.purple[500],
    },
    secondary: {
    light: colors.yellow[300],
    DEFAULT: colors.yellow[400],
    dark: colors.yellow[500],
    },
    danger: {
    light: colors.red[400],
    DEFAULT: colors.red[500],
    dark: colors.red[600],
    },
    gray: {
    light: colors.gray[200],
    DEFAULT: colors.gray[300],
    dark: colors.gray[400],
    },
    body: colors.gray[700],
    },
    extend: {
    fontFamily: {
    sans: ['Nunito', ...defaultTheme.fontFamily.sans],
    },
    },
    },
    variants: {
    extend: {},
    },
    plugins: [],
    };