Fix badge and border in dark mode

Override the variables for inside info wells

app/assets/stylesheets/framework/variables.scss

@@ -352,8 +352,8 @@ $border-gray-normal-dashed: darken($gray-normal, $darken-border-dashed-factor);
  */
 $border-color: $gray-100;
 $shadow-color: $t-gray-a-08;
-$well-expand-item: #e8f2f7;
-$well-inner-border: #eef0f2;
+$well-expand-item: #e8f2f7 !default;
+$well-inner-border: #eef0f2 !default;
 $well-light-border: #f1f1f1;
 $well-light-text-color: #5b6169;
 

app/assets/stylesheets/themes/_dark.scss

@@ -214,6 +214,9 @@ $yiq-text-light: $gray-950;
 $line-added-dark: $green-200;
 $line-removed-dark: $red-200;
 
+$well-expand-item: $gray-200;
+$well-inner-border: $gray-200;
+
 // Misc component overrides that should live elsewhere
 .gl-label {
   filter: brightness(0.9) contrast(1.1);

changelogs/unreleased/325413-dark-mode-light-colored-branch-indicator-badges-are-hard-to-read.yml

+---
+title: Fix badge s and borders in dark mode info wells
+merge_request: 58875
+author:
+type: fixed