transom / craft-site-tint
Apply distinct background colors to the Craft control panel based on the currently active site
Package info
github.com/transomdesign/craft-site-tint
Type:craft-plugin
pkg:composer/transom/craft-site-tint
Requires
- php: >=8.2
- craftcms/cms: ^5.9.0
Requires (Dev)
- craftcms/ecs: dev-main
- craftcms/phpstan: dev-main
- phpunit/phpunit: ^11.0
README
Site Tint colors the Craft control panel based on the active site. Useful for multi-site setups: give each site its own look and you'll never confuse one dashboard for another.
Requirements
This plugin requires Craft CMS 5.9.0 or later.
Installation
composer require transom/craft-site-tint ./craft plugin/install site-tint
Settings
Go to Settings → Site Tint in the control panel. The primary site always keeps native Craft styling; every other site gets its own panel.
Each site has nine presets to start from. Clicking one fills the color fields, and you can tweak any of them before saving. A live mockup and swatch strip show the result as you edit.
Colors are grouped into four areas, and every field is optional. Anything you leave empty stays native:
- Sidebar: background, text, text (hover), background (hover), background (active), text (active)
- Header: background, text, text (hover)
- Content: background, pane background, text
- Controls: button background, button text, button background (hover), link, focus ring
The "Revert to native" button clears every field for that site. Nothing is applied until you save.
Brought to you by Transom