Merge branch 'fix-labels-regression-in-dark-mode' into 'master'

Fix scoped labels color regression in dark mode

See merge request gitlab-org/gitlab!47602

app/assets/stylesheets/themes/_dark.scss

@@ -201,6 +201,15 @@ $line-removed-dark: $red-200;
 // Misc component overrides that should live elsewhere
 .gl-label {
   filter: brightness(0.9) contrast(1.1);
+
+  // This applies to the gl-label markups
+  // rendered and cached in the backend (labels_helper.rb)
+  &.gl-label-scoped {
+    .gl-label-text-scoped,
+    .gl-label-close {
+      color: $gray-900;
+    }
+  }
 }
 
 // white-ish text for light labels
@@ -210,6 +219,15 @@ $line-removed-dark: $red-200;
   color: $gray-900;
 }
 
+// This applies to "gl-labels" from "gitlab-ui"
+.gl-label.gl-label-scoped.gl-label-text-dark,
+.gl-label.gl-label-scoped.gl-label-text-light {
+  .gl-label-text-scoped,
+  .gl-label-close {
+    color: $gray-900;
+  }
+}
+
 // duplicated class as the original .atwho-view style is added later
 .atwho-view.atwho-view {
   background-color: $white;

ee/changelogs/unreleased/fix-scoped-label-text-in-dark-mode.yml

+---
+title: Fix scoped label text color in dark mode
+merge_request: 47602
+author:
+type: fixed