Status Page Theme Explorer
View all the openstatus themes and learn how to create your own.
Explorer
Search for your favorite status page theme. Contribute your own?
- Openstatus
- Openstatus (Rounded)
- Supabase
- GitHub (High Contrast)
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)