2024-02-10 03:49:51 +04:00
|
|
|
/** @type {import('tailwindcss').Config} */
|
2024-04-17 18:46:48 +04:00
|
|
|
import colors from 'tailwindcss/colors';
|
2024-02-10 03:49:51 +04:00
|
|
|
export default {
|
2024-02-11 22:47:39 +04:00
|
|
|
content: [
|
|
|
|
"./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}",
|
|
|
|
"./node_modules/preline/preline.js",
|
|
|
|
],
|
|
|
|
darkMode: "class",
|
|
|
|
theme: {
|
2024-04-07 18:23:16 +04:00
|
|
|
colors: {
|
|
|
|
transparent: "transparent",
|
|
|
|
current: "currentColor",
|
|
|
|
black: "#000000",
|
|
|
|
white: "#ffffff",
|
2024-04-17 18:46:48 +04:00
|
|
|
gray: colors.gray,
|
|
|
|
indigo: colors.indigo,
|
|
|
|
neutral: colors.neutral, // Used mainly for text color
|
2024-04-07 18:23:16 +04:00
|
|
|
yellow: {
|
|
|
|
50: "#fefce8",
|
|
|
|
100: "#fef9c3",
|
|
|
|
400: "#facc15",
|
|
|
|
500: "#eab308",
|
2024-04-17 18:46:48 +04:00
|
|
|
}, // Accent colors, used mainly for star color, heading and buttons
|
2024-04-07 18:23:16 +04:00
|
|
|
orange: {
|
|
|
|
100: "#ffedd5",
|
|
|
|
200: "#fed7aa",
|
|
|
|
300: "#fb713b",
|
|
|
|
400: "#fa5a15",
|
|
|
|
500: "#e14d0b",
|
|
|
|
600: "#ea580c",
|
2024-04-17 18:46:48 +04:00
|
|
|
}, // 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
|
2024-04-07 18:23:16 +04:00
|
|
|
},
|
2024-02-11 22:47:39 +04:00
|
|
|
extend: {},
|
|
|
|
},
|
2024-02-13 05:50:53 +04:00
|
|
|
plugins: [
|
2024-03-20 07:46:14 +04:00
|
|
|
require("tailwindcss/nesting"),
|
2024-02-13 05:50:53 +04:00
|
|
|
require("preline/plugin"),
|
2024-04-07 18:23:16 +04:00
|
|
|
require("@tailwindcss/forms"),
|
2024-02-13 05:50:53 +04:00
|
|
|
],
|
2024-02-11 22:47:39 +04:00
|
|
|
};
|