Badges
There are a variety of badges that are leveraged across the OpenShift platform.
Resource badges
- Colored badges are added to the left of all Kubernetes resources (including Custom Resources) in the console
- Badges help users quickly identify resource type with a 1-3 letter abbreviation
- There are custom resource definitions that exceed 3 letter abbreviations but we try to avoid this for general pre-defined resources
- Resource names are typically shown as links (There are some exceptions to this rule if there is no detail page to display but majority of the time there is a link).
- Full descriptive resource type name is shown on delayed hover of badge
Table of resource badges
Dev variables can be seen here.
| Resource badge | Variable color |
|---|---|
 Custom resource | $color-pf-blue-300; |
 Alertmanager | $pf-color-orange-600; |
 ConfigMap | $pf-color-purple-600; |
 Node | $pf-color-purple-400; |
 Pod | $pf-color-cyan-300; |
 Namespace | $pf-color-green-600; |
 Ingress | $pf-color-purple-700; |
 RBAC binding | $pf-color-light-blue-500; |
 Service | $pf-color-light-green-500; |
 RBAC role | $pf-color-gold-600; |
 Secret | $pf-color-orange-400; |
 Pod overlord | $pf-color-blue-500; |
 Project | $pf-color-green-600; |
 Pipelines | $pf-color-green-400; |
 Eventing | $pf-color-red-300; |
 Serving | $pf-color-cyan-400; |
Status badges
A status badge is a Patternfly badge that includes both a status icon and status label which can be used on a details view title or on another resource in the details view. Having a status badge in the details view title allows the user to see the status of the resource in context, regardless of which tab is selected. Having a status badge for another resource allows for quick insight into the status of a related resource to the one that is being viewed. To view status badges in the OpenShift Sketch Library visit the symbols page here.
Example of a status badge in a resource’s title:
Example of a status badge in another resource’s details:
Examples of some status badges that appear in OpenShift:
Tech preview badge
A tech preview badge indicates when a feature is new and may still be in-progress on the development side. This can be Dev or Tech preview, and the same color is utilized for both. Tech preview badges should appear to the right of the label. To view the tech preview badge in the OpenShift Sketch Library visit the symbols page here.
Example of tech preview badge on feature
