src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <n-config-provider>
+  <n-config-provider :theme-overrides="selectTheme">
     <n-message-provider>
   <div class="app">
     <SiteHeader />
@@ -29,6 +29,24 @@ import ServicesGrid from './components/ServicesGrid.vue'
 import AdvantagesSection from './components/AdvantagesSection.vue'
 import Footer from './components/Footer.vue'
 const selectedMode = ref('special')
+const selectTheme = {
+  common: {
+    primaryColor: "#ff4d00",
+    primaryColorHover: "#ff6a00",
+    primaryColorPressed: "#e63e00",
+    borderRadius: "10px"
+  },
+  Select: {
+    peers: {
+      InternalSelection: {
+        color: "rgba(255,255,255,0.45)",
+        textColor: "#000",
+        border: "1px solid rgba(255,255,255,0.35)",
+        borderHover: "1px solid rgba(255,255,255,0.6)"
+      }
+    }
+  }
+}
 </script>
 
 <style>

src/components/SiteHeader.vue

@@ -35,24 +35,7 @@ function handlePhoneClick() {
 
 }
 
-const selectTheme = {
+
-  common: {
-    primaryColor: "#ff4d00",
-    primaryColorHover: "#ff6a00",
-    primaryColorPressed: "#e63e00",
-    borderRadius: "10px"
-  },
-  Select: {
-    peers: {
-      InternalSelection: {
-        color: "rgba(255,255,255,0.45)",
-        textColor: "#000",
-        border: "1px solid rgba(255,255,255,0.35)",
-        borderHover: "1px solid rgba(255,255,255,0.6)"
-      }
-    }
-  }
-}
 
 </script>
 
@@ -67,14 +50,14 @@ const selectTheme = {
       <div class="col center">
         <div class="title">Удалённый бухгалтер</div>
 
-        <n-config-provider :theme-overrides="selectTheme">
+        
           <n-select
             v-model:value="city"
             :options="cities"
             size="small"
             class="city"
           />
-        </n-config-provider>
+        
 
       </div>