add css to make dropdown readable with dark mode

app/assets/stylesheets/buttons.scss

@@ -174,6 +174,28 @@
   }
 }
 
+[data-fr-theme="dark"]
+  .dropdown-content {
+      border: none;
+      background: var(--background-action-low-blue-france);
+  }
+
+[data-fr-theme="dark"]
+  .dropdown-items {
+    li {
+      &:not(.inactive) {
+        &:hover,
+        &.selected {
+          background: var(--background-action-low-blue-france-hover);
+        }
+      }
+
+      &.form-inside {
+        background-color: var(--background-action-low-blue-france);
+      }
+    }
+  }
+
 .dropdown-content {
   border: 1px solid $border-grey;
   background: #FFFFFF;
@@ -226,7 +248,6 @@ ul.dropdown-items {
   li {
     display: flex;
     padding: $default-padding;
-    color: $dark-grey;
     border-bottom: 1px solid $border-grey;
     font-size: 12px;
     min-width: 300px;
@@ -293,7 +314,6 @@ ul.dropdown-items {
 
   h4 {
     font-size: 14px;
-    color: $black;
     margin-bottom: $default-spacer;
   }
 

app/assets/stylesheets/help_dropdown.scss

@@ -8,7 +8,7 @@
 }
 
 .help-dropdown-title {
-  color: $blue-france-500;
+  font-weight: bold;
 }
 
 .dropdown-items li.help-dropdown-service {

app/assets/stylesheets/menu_component.scss

@@ -1,7 +1,6 @@
 @import "colors";
 
 .menu-component-header {
-  color: $dark-grey;
   font-size: 12px;
 
   a {