Fix scoped labels rendering in emails

app/assets/stylesheets/framework/variables.scss

@@ -81,6 +81,7 @@ $gl-gray-400: #999;
 $gl-gray-500: #777;
 $gl-gray-600: #666;
 $gl-gray-700: #555;
+$gl-gray-800: #333;
 
 $green-50: #f1fdf6;
 $green-100: #dcf5e7;

app/assets/stylesheets/notify.scss

@@ -18,3 +18,19 @@ p.details {
 pre.commit-message {
   white-space: pre-wrap;
 }
+
+.gl-label-scoped {
+  box-shadow: 0 0 0 2px currentColor inset;
+}
+
+.gl-label-text {
+  padding: 0 5px;
+}
+
+.gl-label-text-light {
+  color: $white-light;
+}
+
+.gl-label-text-dark {
+  color: $gl-gray-800;
+}

changelogs/unreleased/208242-scoped-label-rendering-in-emails-is-broken.yml

+---
+title: Fix scoped labels rendering in emails
+merge_request: 26347
+author:
+type: fixed