42 lines
1.1 KiB
JavaScript
42 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
import colors from 'tailwindcss/colors';
|
|
export default {
|
|
content: [
|
|
"./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}",
|
|
"./node_modules/preline/preline.js",
|
|
],
|
|
darkMode: "class",
|
|
theme: {
|
|
colors: {
|
|
transparent: "transparent",
|
|
current: "currentColor",
|
|
black: "#000000",
|
|
white: "#ffffff",
|
|
gray: colors.gray,
|
|
indigo: colors.indigo,
|
|
neutral: colors.neutral, // Used mainly for text color
|
|
yellow: {
|
|
50: "#fefce8",
|
|
100: "#fef9c3",
|
|
400: "#facc15",
|
|
500: "#eab308",
|
|
}, // Accent colors, used mainly for star color, heading and buttons
|
|
orange: {
|
|
100: "#ffedd5",
|
|
200: "#fed7aa",
|
|
300: "#fb713b",
|
|
400: "#fa5a15",
|
|
500: "#e14d0b",
|
|
600: "#ea580c",
|
|
}, // Primary colors, used mainly for links, buttons and svg icons
|
|
red: colors.red, // Used for bookmark icon
|
|
zinc: colors.zinc, // Used mainly for box-shadow
|
|
},
|
|
extend: {},
|
|
},
|
|
plugins: [
|
|
require("tailwindcss/nesting"),
|
|
require("preline/plugin"),
|
|
require("@tailwindcss/forms"),
|
|
],
|
|
};
|