Update selectors for carousel media query color mode option (#38328)

diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index b17d27f493b643a423c05d78085c6674ec33092b..0ac8f8714fb2cf49cb8e4218c266f919eca6d55a 100644 (file)
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -230,9 +230,15 @@
 
 @if $enable-dark-mode {
   @include color-mode(dark) {
-    .carousel,
-    &.carousel {
-      @include carousel-dark();
+    @if $color-mode-type == "media-query" {
+      .carousel {
+        @include carousel-dark();
+      }
+    } @else {
+      .carousel,
+      &.carousel {
+        @include carousel-dark();
+      }
     }
   }
 }