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
Acme Inc.
Get informed about our services.
OpenStatus Marketing
today

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)
openstatus