Cachet provides the ability to configure and theme the status page to match your brand. To customize your status page,
navigate to the “Manage Theme” section found under “Settings” in your Cachet dashboard.For custom CSS selectors and programmatic content insertion, see Theme hooks.
To override the default banner image shown at the top of your status page, upload a custom image by dragging and dropping the file into the “Banner Image” field. Alternatively, you can click to select a file.
Cachet's 'Manage Theme' Dashboard
We recommend using an image with a 16:9 aspect ratio for the best results.
The uploaded image is also embedded in outgoing Cachet emails as the application logo. Cachet accepts JPEG, PNG, GIF,
and WebP images up to 1 MB by default. You can change the storage disk, maximum upload size, and accepted image types
with the image upload environment variables.Once you’ve uploaded your image, click the “Save” button to apply the changes.
By default, Cachet stores images in /storage/app/public. To make the image accessible to the public, you’ll need to run the following command:
php artisan storage:link
To use the default banner image, click the “X” button.
Cachet provides a simple way to customize the colors of your status page through the use of accents. Accent colors
highlight important elements on the page, such as buttons and links.By default, Cachet provides common Tailwind colors as accent options. You may choose from the following options:
Cachet
Red
Orange
Amber
Yellow
Lime
Green
Emerald
Teal
Cyan
Sky
Blue
Indigo
Violet
Purple
Fuchsia
Pink
Rose
By default, Cachet pairs your chosen accent color with a base color used for the status page background.
You can disable “Accent Pairing” and select your own background color from a list of Tailwind grays.
