🎨 feat(web/default): add Anthropic theme preset and configurable serif typography

Introduce a switchable Anthropic-inspired color preset and a new Font customization axis so users can adopt the editorial serif look across the entire UI, including sidebar navigation, tabs, form controls, buttons, and table headers. Theme preset Add anthropic to the theme preset registry with warm cream canvas, slate foreground, and clay/coral accent tokens for light and dark modes Define explicit surface colors for the Anthropic preset instead of relying on the semantic surface bridge Exclude anthropic from the primary-color surface bridge so bespoke warm neutrals are not overridden by accent-tinted mixes Typography system Add @fontsource-variable/lora and a global --font-serif token with CJK serif fallbacks (Noto Serif SC, Source Han Serif, Songti SC, etc.) Introduce a --font-body token and drive <body> font-family from it Add a Font axis (default | sans | serif) parallel to radius/scale Resolve font: 'default' against preset defaults (anthropic → serif) Persist font preference via cookie and apply data-theme-font on <body> Apply serif OpenType features (kern, liga, calt, tnum) and heading display tuning when serif is active Remove per-component sans opt-outs so serif inherits through sidebar, tabs, inputs, buttons, badges, and table headers via natural CSS cascade Keep monospace contexts unchanged via Tailwind preflight and .font-mono UI and i18n Add Font selector to the theme config drawer (Auto / Sans / Serif) Add "Font" and "Select body font" translations for en, zh, fr, ja, ru, vi Misc Tighten group and status badge sizing for better balance with serif text
2026-05-26 04:31:13 +08:00
parent 3360882642
commit a64f26d1d2
16 changed files with 481 additions and 14 deletions
@@ -1756,6 +1756,7 @@
    "FluentRead extension not detected. Please ensure it is installed and active.": "Không phát hiện tiện ích mở rộng FluentRead. Vui lòng đảm bảo nó đã được cài đặt và kích hoạt.",
    "Flush interval (minutes)": "Khoảng ghi xuống DB (phút)",
    "Follow the guided steps to prepare your workspace before the first login.": "Thực hiện theo các bước hướng dẫn để chuẩn bị không gian làm việc của bạn trước lần đăng nhập đầu tiên.",
+    "Font": "Phông chữ",
    "Footer": "Chân trang",
    "Footer text displayed at the bottom of pages": "Văn bản chân trang hiển thị ở cuối các trang",
    "footer.columns.about.links.aboutProject": "Về Dự án",
@@ -3009,6 +3010,7 @@
    "Preset recharge amounts displayed to users": "Các mức nạp tiền đặt trước hiển thị cho người dùng",
    "Preset Template": "Mẫu cài sẵn",
    "Preset templates": "Mẫu sẵn",
+    "preset.anthropic": "Anthropic",
    "preset.default": "Mặc định",
    "preset.forest-whisper": "Thì thầm rừng",
    "preset.lake-view": "Hồ nước",
@@ -3519,6 +3521,7 @@
    "Select announcement type": "Select notification type",
    "Select at least one field to overwrite.": "Chọn ít nhất một trường để ghi đè.",
    "Select at least one target model": "Chọn ít nhất một mô hình đích",
+    "Select body font": "Chọn phông chữ nội dung",
    "Select border radius": "Chọn độ bo góc",
    "Select channel type": "Chọn loại kênh",
    "Select color preset": "Chọn cài đặt màu sẵn",