2026-05-16 00:18:22 +08:00
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
|
|
|
|
export default {
|
|
|
|
|
|
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
|
|
|
|
|
theme: {
|
|
|
|
|
|
extend: {
|
|
|
|
|
|
colors: {
|
|
|
|
|
|
ark: {
|
|
|
|
|
|
bg: "#141319",
|
|
|
|
|
|
nav: "#08070c",
|
|
|
|
|
|
panel: "#1d1e23",
|
|
|
|
|
|
line: "#2a2a32",
|
|
|
|
|
|
gold: "#eeb726",
|
|
|
|
|
|
gold2: "#ffd35c",
|
|
|
|
|
|
muted: "#8f9099",
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
2026-05-29 11:50:27 +08:00
|
|
|
|
keyframes: {
|
|
|
|
|
|
shimmer: {
|
|
|
|
|
|
"100%": { transform: "translateX(100%)" },
|
|
|
|
|
|
},
|
|
|
|
|
|
"fade-in-up": {
|
|
|
|
|
|
from: { opacity: "0", transform: "translateY(16px)" },
|
|
|
|
|
|
to: { opacity: "1", transform: "translateY(0)" },
|
|
|
|
|
|
},
|
|
|
|
|
|
"scale-in": {
|
|
|
|
|
|
from: { opacity: "0", transform: "scale(0.96)" },
|
|
|
|
|
|
to: { opacity: "1", transform: "scale(1)" },
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
animation: {
|
|
|
|
|
|
shimmer: "shimmer 1.5s infinite",
|
|
|
|
|
|
"fade-in-up": "fade-in-up 0.5s cubic-bezier(0.22, 1, 0.36, 1) both",
|
|
|
|
|
|
"scale-in": "scale-in 0.4s cubic-bezier(0.22, 1, 0.36, 1) both",
|
|
|
|
|
|
},
|
2026-05-16 00:18:22 +08:00
|
|
|
|
fontFamily: {
|
2026-06-08 01:07:48 +08:00
|
|
|
|
// Put system Latin fonts FIRST so Latin script (incl. Vietnamese
|
|
|
|
|
|
// precomposed glyphs like ấ/ẳ/ệ) renders from a font that actually
|
|
|
|
|
|
// ships those code points. The CJK fonts that used to lead the stack
|
|
|
|
|
|
// (Noto Sans SC/TC, PingFang SC/TC, Microsoft YaHei/JhengHei) have no
|
|
|
|
|
|
// Vietnamese coverage, so the browser was greedily rendering the base
|
|
|
|
|
|
// Latin letter with a CJK font and rendering the combining tone mark
|
|
|
|
|
|
// separately, producing “Tâ´t / liêụ” instead of “Tất / liệu”.
|
|
|
|
|
|
// Per-glyph fallback still picks up the CJK fonts for Chinese
|
|
|
|
|
|
// characters, so existing zh-CN / zh-TW pages keep the same look.
|
2026-05-16 00:18:22 +08:00
|
|
|
|
sans: [
|
2026-06-08 01:07:48 +08:00
|
|
|
|
"ui-sans-serif",
|
|
|
|
|
|
"system-ui",
|
|
|
|
|
|
"-apple-system",
|
|
|
|
|
|
"Segoe UI",
|
2026-05-16 00:18:22 +08:00
|
|
|
|
"Noto Sans SC",
|
|
|
|
|
|
"Noto Sans TC",
|
|
|
|
|
|
"PingFang SC",
|
|
|
|
|
|
"PingFang TC",
|
|
|
|
|
|
"Microsoft YaHei",
|
|
|
|
|
|
"Microsoft JhengHei",
|
|
|
|
|
|
"sans-serif",
|
|
|
|
|
|
],
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
plugins: [],
|
|
|
|
|
|
};
|
