Improve contrast of status label in dark mode

Replace the hardcoded `gray-70` with the correct `text-02` token so it switches to `gray-30` as expected in dark mode, maintaining the minimum required contrast ratio. This style is used for waiting, pending, and unknown status in the TaskRun and step details header.
tektoncd · Sep 6, 2021 · fec86bd · fec86bd
1 parent 72047c2
commit fec86bd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/components/src/components/DetailsHeader/DetailsHeader.scss b/packages/components/src/components/DetailsHeader/DetailsHeader.scss
@@ -65,7 +65,7 @@ header.tkn--step-details-header {
 
   &[data-status] {
     .tkn--status-label {
-      color: $gray-70;
+      color: $text-02;
     }
   }
   &[data-status='running'] {

diff --git a/packages/components/src/components/RunHeader/RunHeader.scss b/packages/components/src/components/RunHeader/RunHeader.scss
@@ -77,7 +77,7 @@ header.tkn--pipeline-run-header {
   // catch all for unknown states
   &:not([data-succeeded]) {
     .tkn--status-label {
-      color: $gray-70;
+      color: $text-02;
     }
   }