Files
writer-work-flow/apps/web/tailwind.config.ts

40 lines
1.2 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import type { Config } from "tailwindcss";
// 纸感·文学温暖主题UX_SPEC §2。颜色经 CSS 变量落地,便于后续夜读模式切换。
const config: Config = {
content: [
"./app/**/*.{ts,tsx}",
"./components/**/*.{ts,tsx}",
"./lib/**/*.{ts,tsx}",
],
theme: {
extend: {
colors: {
bg: "var(--color-bg)",
panel: "var(--color-panel)",
ink: "var(--color-ink)",
"ink-soft": "var(--color-ink-soft)",
line: "var(--color-line)",
cinnabar: "var(--color-cinnabar)",
conflict: "var(--color-conflict)",
overdue: "var(--color-overdue)",
pass: "var(--color-pass)",
info: "var(--color-info)",
},
fontFamily: {
serif: ['"Noto Serif SC"', '"Songti SC"', "serif"],
sans: ['"Noto Sans SC"', '"PingFang SC"', "system-ui", "sans-serif"],
mono: ['"JetBrains Mono"', "ui-monospace"],
},
fontSize: {
"2xs": ["0.6875rem", { lineHeight: "1rem" }],
},
borderRadius: { DEFAULT: "6px" },
boxShadow: { paper: "0 1px 3px var(--shadow-paper)" },
maxWidth: { prose: "720px" },
},
},
plugins: [],
};
export default config;