Skip to main content
To add custom HTML and CSS to your status page, open Settings, then Manage Customization in the Cachet dashboard.

​
Custom header HTML

Add scripts, styles, or other HTML to this field. Cachet inserts the content into the <head> of your status page. For example, you can add an analytics script here.

​
Fathom Analytics

To add Fathom Analytics, paste this script into the custom header field. Replace YOUR_SITE_ID with your Fathom site ID:
This Fathom link is a referral link. If you sign up using the link, you’ll receive $10 credit. This helps support the Cachet project.
Add scripts, styles, or other HTML to this field. Cachet inserts the content at the end of the <body> of your status page.

​
Custom CSS

Add CSS without <style> tags. Cachet wraps your CSS in those tags and appends it to its own styles.

​
CSS variables

Cachet’s accent colors use CSS variables. You can override these variables: Cachet generates light and dark versions of the accent color. Override both versions when you set custom colors:
Custom CSS
Test your colors in both light and dark mode. Check that text, buttons, and links remain readable against their backgrounds.