Fix locale selector background color

- fixes #8588

CHANGELOG.txt

@@ -42,6 +42,7 @@ Changelog
  * Fix: Show the re-ordering option to users that have permission to publish pages within the page listing (Stefan Hammer)
  * Fix: Ensure `TabbedInterface` will not show a tab if no panels are visible due to permissions (Paarth Agarwal)
  * Fix: Ensure default sidebar branding (bird logo) is not cropped in RTL mode (Steven Steinwand)
+ * Fix: Specific snippets list language picker was not properly styled (Sage Abdullah)
 
 
 3.0 (16.05.2022)

client/scss/overrides/_utilities.dropdowns.scss

@@ -43,12 +43,13 @@
 }
 
 .t-inverted .u-btn-current {
+  background-color: $color-teal-darker;
   border-color: rgba(0, 0, 0, 0.35);
   color: #fff;
 }
 
 .t-inverted .u-btn-current:hover {
-  background-color: $color-teal-darker;
+  background-color: $color-teal-dark;
   border-color: rgba(0, 0, 0, 0.35);
 }
 

docs/releases/4.0.md

@@ -56,6 +56,7 @@ When using a queryset to render a list of images, you can now use the ``prefetch
  * Only show the re-ordering option to users that have permission to publish pages within the page listing (Stefan Hammer)
  * Ensure `TabbedInterface` will not show a tab if no panels are visible due to permissions (Paarth Agarwal)
  * Ensure default sidebar branding (bird logo) is not cropped in RTL mode (Steven Steinwand)
+ * Specific snippets list language picker was not properly styled (Sage Abdullah)
 
 
 ## Upgrade considerations

wagtail/admin/templates/wagtailadmin/shared/header_with_locale_selector.html

@@ -7,7 +7,7 @@
             {% if locale %}
                 <li class="col">
                     <div class="field">
-                        {% include 'wagtailadmin/shared/locale_selector.html' with class='c-dropdown--large w-bg-primary' %}
+                        {% include 'wagtailadmin/shared/locale_selector.html' with class='c-dropdown--large' %}
                     </div>
                 </li>
             {% endif %}