Status Page Theme Explorer
View all the openstatus themes for your status page and learn how to create your own theme.
Explorer
Search for your favorite status page theme. Contribute your own?
- Openstatus
- Openstatus (Rounded)
- Supabase
- GitHub (High Contrast)
- Dracula
Contribute Theme
Contribute your own theme to the community.
You can contribute your own theme by creating a new file in the @openstatus/theme-store package. You'll only need to override css variables. If you are familiar with shadcn, you'll know the trick (it also allows you to override `--radius`). Make sure your object is satisfying the Theme interface. We provide a theme builder to help you with the process.
Go to the GitHub directory to see the existing themes and create a new one by forking and creating a pull request.
Once you're done, you can test it by adding the following snippet to your status page:
sessionStorage.setItem("community-theme", "true");Or use the following button to test it on the `status` page slug:
Why don't we allow custom css styles to be overridden and only support themes?
- Keep it simple for the user
- Don't end up with a xmas tree
- Keep the theme consistent
- Avoid conflicts with other styles
- Keep the theme maintainable (but this will also mean, a change will affect all users)