blog/tailwind.config.js

55 lines
1.2 KiB
JavaScript
Raw Permalink Normal View History

2024-05-24 02:29:14 -07:00
/** @type {import('tailwindcss').Config} */
module.exports = {
2024-05-24 21:55:11 -07:00
darkMode: "selector",
2024-05-24 02:29:14 -07:00
content: ["./src/**/*.{html,js}"],
theme: {
extend: {
fontFamily: {
2024-06-13 21:32:09 -07:00
sans: ["Open Sans", "sans-serif"],
2024-05-24 02:29:14 -07:00
serif: ["Merriweather", "serif"],
},
2024-05-24 21:55:11 -07:00
colors: {
primary: {
//dark: "#e7e5e4",
2024-05-25 12:47:40 -07:00
light: "#44403c",
dark: "#e0def4",
//light: "#575279",
2024-05-24 21:55:11 -07:00
},
secondary: {
//dark: "#4c1d95",
//light: "#4338ca",
dark: "#1f1d2e",
light: "#fffaf3",
2024-05-24 21:55:11 -07:00
},
accent: {
//dark: "#9ca3af",
//light: "#78716c",
dark: "#908caa",
light: "#797593",
2024-05-24 21:55:11 -07:00
},
muted: {
//dark: "#6b7280",
//light: "#a8a29e",
dark: "#6e6a86",
light: "#9893a5",
2024-05-24 21:55:11 -07:00
},
background: {
//light: "#d6d3d1",
//dark: "#101017",
dark: "#191724",
light: "#faf4ed",
},
iris: {
dark: "#c4a7e7",
light: "#907aa9",
},
love: {
dark: "#eb6f92",
light: "#b4637a",
2024-05-24 21:55:11 -07:00
},
},
2024-05-24 02:29:14 -07:00
},
},
plugins: [require("@tailwindcss/typography")],
}