diff --git a/src/components/button/MainButton.vue b/src/components/button/MainButton.vue
index 8ba02f55..836abe32 100644
--- a/src/components/button/MainButton.vue
+++ b/src/components/button/MainButton.vue
@@ -24,7 +24,7 @@ defineProps<{
       'main-btn__solid': solid && !outlined,
       'main-btn__outline': !solid && outlined,
       'main-btn__pill': pill,
-      'main-btn__dark': dark,
+      'main-btn__dark': dark || $q.dark.isActive,
       'main-btn__icon-only': iconOnly,
     }"
     :style="{ '--button-main-color': color }"