# fix\(web\): route shadow-root code surfaces through the appearance font tokens · stienswout/t3code

[View on GitCafe](https://git.cafe/stienswout/t3code/commit/47b1e92d25ffd172679b083abb2c86795448c751)

Repository: [stienswout/t3code](https://git.cafe/stienswout/t3code)

Visibility: public

Requested revision: 47b1e92d25ffd172679b083abb2c86795448c751

Requested commit: 47b1e92d25ffd172679b083abb2c86795448c751

Commit: 47b1e92d25ffd172679b083abb2c86795448c751

Tree: 81d6ad94358e8d39eb78606bec00e7c342aa7da9

Author: Wout Stiens

Committer: Wout Stiens

## Message

```
fix(web): route shadow-root code surfaces through the appearance font tokens

The @pierre/diffs surfaces (file previews, chat diffs, annotatable code,
search lines) render inside shadow roots with their own literal font stack
as fallback, so the code font preference never reached them. The library
consults --diffs-font-family/--diffs-header-font-family as override hooks
and custom properties inherit across the shadow boundary, so defining the
hooks once at :root covers every consumer.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

```

## Parents

- [bec705950d80f8a322cddb257e23141716e430be](https://git.cafe/stienswout/t3code/commit/bec705950d80f8a322cddb257e23141716e430be?format=markdown)

[Source at this commit](https://git.cafe/stienswout/t3code/tree/47b1e92d25ffd172679b083abb2c86795448c751?format=markdown)