Gestions des couleurs de fonds des dropdown sur mobile (#536)

assets/sass/_theme/design-system/header.sass

@@ -13,22 +13,23 @@ header#document-header
         width: 100%
     .dropdown-menu
         transition: background $header-sticky-transition
-    &.is-sticky
+    &.is-sticky, html.has-menu-opened &
         background: $header-sticky-background
         color: $header-sticky-color
-        .pagefind-ui__toggle
-            color: $header-sticky-color
-        .dropdown-menu
-            background: $header-sticky-dropdown-background
-            color: $header-sticky-dropdown-color
         .menu
             a,
             a:hover,
             a:focus,
-            a:active
-                color: inherit
+            a:active,
             span
-                color: $header-sticky-color
+                color: inherit
+    &.is-sticky
+        .pagefind-ui__toggle
+            color: $header-sticky-color
+        @include media-breakpoint-up(desktop)
+            .dropdown-menu
+                background: $header-sticky-dropdown-background
+                color: $header-sticky-dropdown-color
         @if $header-sticky-invert-logo
             .logo
                 img, .logo-text

assets/sass/_theme/design-system/nav.sass

@@ -41,10 +41,10 @@
 
     .dropdown-menu
         display: none
-        background: $header-dropdown-background
         @include media-breakpoint-down(desktop)
             padding-bottom: $spacing-3
         @include media-breakpoint-up(desktop)
+            background: $header-dropdown-background
             padding: $spacing-3
             position: absolute
             max-height: calc(100vh - var(--header-height))