feature(markup): добавлено изменение цветов для nav/notif баров

composables/useColors.ts

@@ -0,0 +1,7 @@
+import { StatusBar } from '@capacitor/status-bar'
+import { NavigationBar } from '@capgo/capacitor-navigation-bar'
+
+export function updateColors(color: string) {
+  StatusBar.setBackgroundColor({ color })
+  NavigationBar.setNavigationBarColor({ color })
+}

layouts/default.vue

@@ -14,6 +14,7 @@
 
 <script setup lang="ts">
 import { useSwipe } from '@vueuse/core'
+import { updateColors } from '~/composables/useColors'
 import { useSideBar } from '~/store/useSideBar'
 
 const store = useSideBar()
@@ -23,4 +24,8 @@ const { direction, lengthX } = useSwipe(globalWindow, {
     if (direction.value === 'right' && lengthX.value < -100) store.show()
   },
 })
+
+onMounted(() => {
+  updateColors('#212121')
+})
 </script>

layouts/news.vue

@@ -5,3 +5,11 @@
     </main>
   </div>
 </template>
+
+<script setup lang="ts">
+import { updateColors } from '~/composables/useColors'
+
+onMounted(() => {
+  updateColors('#323232')
+})
+</script>

layouts/none.vue

@@ -5,3 +5,11 @@
     </main>
   </div>
 </template>
+
+<script setup lang="ts">
+import { updateColors } from '~/composables/useColors'
+
+onMounted(() => {
+  updateColors('#212121')
+})
+</script>