Watch
1
0
Fork
You've already forked token-action-hud-css
0
Carolingian UI styling for Token Action HUD (D&D 5e, SWADE), pasted into Carolingian Custom CSS
Find a file
Repository files (latest commit first)
Filename Latest commit message Latest commit date
2026-10-17 18:00:27 +02:00
docs Initial release 2026-10-02 23:54:28 +02:00
carolingian-tah-dnd5e.css Fix one-column grid flyouts and hover on disabled buttons 2026-10-06 14:30:52 +02:00
carolingian-tah-swade.css Fix one-column grid flyouts and hover on disabled buttons 2026-10-06 14:30:52 +02:00
LICENSE Initial release 2026-10-02 23:54:28 +02:00
README.md Shorter README 2026-10-17 18:00:27 +02:00

Token Action HUD CSS for Carolingian UI

CSS that restyles Token Action HUD to match Carolingian UI. It is not a module: you paste it into Carolingian UI's Custom CSS editor.

File System
carolingian-tah-dnd5e.css D&D 5e
carolingian-tah-swade.css Savage Worlds Adventure Edition (SWADE)

Token Action HUD in a SWADE world with the Carolingian look: dark flat buttons with thin borders, square item icons and the accent colour on the hovered skill

Features

  • Carolingian's flat look: no shadows, thin borders, square item icons, an accent fill on hover.
  • Follows Carolingian's colour theme, custom accents included, in dark and light mode.
  • Toggles get Carolingian's dashed border, active ones an accent border.
  • Tidier grids: several columns, long names end in an ellipsis.
  • Small fixes for each system's adapter, such as dimmed unprepared spells in D&D 5e and readable Wounds, Fatigue and Power Points in SWADE.
  • TAH's Custom and High Contrast styles are left alone, and each file only applies in its own system.

Installation

  1. In Foundry, open Game Settings → Configure Settings → Carolingian UI and click Edit Custom CSS.
  2. On the World tab, paste the contents of the file for your system into World CSS.
  3. Click Save Styles and reload Foundry.

To give only some users this look, use Player CSS on the Users tab instead.

Requirements

If the HUD loses its styling after an update to Token Action HUD or one of its adapters, its class names or CSS variables have probably changed.

AI disclosure

This CSS was created by AI with the help of human ideas.

License

Available under the MIT License.