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?

Default
Acme Inc.
Get informed about our services.
OpenStatus Marketing
today
  • Acme Inc.
    Get informed about our services.
    OpenStatus Marketing
    today
  • Acme Inc.
    Get informed about our services.
    OpenStatus Marketing
    today
    Default (Rounded)
  • Acme Inc.
    Get informed about our services.
    OpenStatus Marketing
    today
    Supabase
  • Acme Inc.
    Get informed about our services.
    OpenStatus Marketing
    today
    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. Make sure your object is satisfiying the Theme interface.

Go to the GitHub directory to see the existing themes and create a new one by forking and creating a pull request.

Or use the sessionStorage.setItem("community-theme", "true"); on your own status page.

Ideally, we would allow you to customize your theme with a ThemePalettePicker component to easily test and export your theme. Contributions are welcome!

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