返回 CodeWhale
tailwind.config.ts
根目录 / web / tailwind.config.ts
1 import type { Config } from "tailwindcss";
2
3 export default {
4 content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}"],
5 theme: {
6 extend: {
7 colors: {
8 // The surface, ink, and accent tokens all resolve through CSS custom
9 // properties so the docs light sheet can re-theme the subtree, while
10 // the default values stay the Tideline dark whale palette.
11 paper: "rgb(var(--c-paper) / <alpha-value>)",
12 "paper-deep": "rgb(var(--c-paper-deep) / <alpha-value>)",
13 "paper-edge": "rgb(var(--c-paper-edge) / <alpha-value>)",
14 "paper-card": "var(--paper-card)",
15 "paper-line": "var(--paper-line)",
16 "paper-line-soft": "var(--paper-line-soft)",
17 ink: "rgb(var(--c-ink) / <alpha-value>)",
18 "ink-soft": "rgb(var(--c-ink-soft) / <alpha-value>)",
19 "ink-mute": "rgb(var(--c-ink-mute) / <alpha-value>)",
20 indigo: "rgb(var(--c-indigo) / <alpha-value>)",
21 "indigo-deep": "rgb(var(--c-indigo-deep) / <alpha-value>)",
22 "indigo-pale": "var(--indigo-pale)",
23 ochre: "var(--ochre)",
24 jade: "var(--jade)",
25 cobalt: "var(--cobalt)",
26 },
27 fontFamily: {
28 // Body and the small-heading sans role share the local Shannon face.
29 // The folio's .font-display class remains Newsreader in globals.css;
30 // mono stays JetBrains Mono. All faces load in app/[locale]/layout.tsx.
31 display: ["var(--font-display)", "ui-sans-serif", "system-ui", "sans-serif"],
32 body: ["var(--font-body)", '"Noto Sans SC"', "ui-sans-serif", "system-ui", "sans-serif"],
33 cjk: ["var(--font-cjk)", '"PingFang SC"', '"Source Han Serif SC"', "serif"],
34 mono: ["var(--font-mono)", '"JetBrains Mono"', "ui-monospace", "Menlo", "monospace"],
35 },
36 letterSpacing: {
37 crisp: "-0.018em",
38 wider: "0.08em",
39 widest: "0.18em",
40 },
41 },
42 },
43 plugins: [],
44 } satisfies Config;
45
45 lines TYPESCRIPT