From 28bb7e0a8e8d9218d593eea6c8b5941d225814a6 Mon Sep 17 00:00:00 2001
From: liuhao1024 <sunsky.lau@gmail.com>
Date: Fri, 29 May 2026 12:19:06 +0800
Subject: [PATCH] fix(web): bridge Tailwind --font-sans to --theme-font-sans
 (#20406)

Tailwind v4 defines its own --font-sans and --font-mono tokens
independently of the Hermes theme variables. Components using
font-sans/font-mono utility classes bypass --theme-font-sans and
--theme-font-mono, so theme font changes have no effect.

Add --font-sans and --font-mono bridges in the @theme inline block
so Tailwind's font tokens follow the active Hermes theme.

Fixes #20380
---
 web/src/index.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/web/src/index.css b/web/src/index.css
index 4c6874877bb..342a4856f65 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -115,6 +115,8 @@ code, kbd, pre, samp, .font-mono, .font-mono-ui {
    all proportionally in Tailwind v4. */
 @theme inline {
   --spacing: calc(0.25rem * var(--theme-spacing-mul, 1));
+  --font-sans: var(--theme-font-sans);
+  --font-mono: var(--theme-font-mono);
 }
 
 #root {