51 lines
1.3 KiB
JavaScript
51 lines
1.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
import colors from "tailwindcss/colors";
|
|
import defaultTheme from "tailwindcss/defaultTheme";
|
|
import { storytellerColors } from "./tailwind.stcolors";
|
|
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ["Fira Sans", ...defaultTheme.fontFamily.sans],
|
|
},
|
|
},
|
|
colors: {
|
|
// color value shorthands
|
|
transparent: "transparent",
|
|
current: "currentColor",
|
|
|
|
// common colors
|
|
white: colors.white,
|
|
gray: colors.zinc,
|
|
black: colors.black,
|
|
red: colors.red,
|
|
oragne: colors.orange,
|
|
yellow: colors.yellow,
|
|
green: colors.green,
|
|
blue: colors.sky, //use sky instead of blue
|
|
indigo: colors.indigo,
|
|
purple: colors.purple,
|
|
|
|
// utility colors
|
|
error: colors.red[500],
|
|
warning: colors.yellow[500],
|
|
success: colors.green[500],
|
|
info: colors.sky[500],
|
|
|
|
// brand colors
|
|
primary: storytellerColors.sunglo,
|
|
secondary: storytellerColors.gunpowder,
|
|
tertiary: storytellerColors.aquamarineBlue,
|
|
|
|
ui: {
|
|
background: colors.zinc[100],
|
|
panel: colors.white,
|
|
border: colors.zinc[200],
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|