diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index ca5cc8a..5d14a93 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -33,6 +33,12 @@ html {
   scroll-behavior: smooth;
 }
 
+html.dark,
+[data-theme="dark"] {
+  background-color: #000 !important;
+  color-scheme: dark;
+}
+
 //swiper
 .swiper {
   width: 100%;
diff --git a/layouts/default.vue b/layouts/default.vue
index 8f9be96..f0a96d9 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -20,6 +20,7 @@
             <UTabs v-model="activeTab" :size="isMobile ? 'md' : 'xl'" :content="false" :items="tabs" />
           </div>
 
+          <UColorModeButton />
           <div class="ml-auto">
             <UButton href="#contacts" :size="isMobile ? 'md' : 'xl'" label="Связаться" />
           </div>