fix: overview and presenter's next need apply theme variables, fix #746…

… (#765)
slidevjs · Nov 25, 2022 · c319615 · c319615
1 parent 430c4f9
commit c319615
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/client/internals/Presenter.vue b/packages/client/internals/Presenter.vue
@@ -111,7 +111,7 @@ onMounted(() => {
           current
         </div>
       </div>
-      <div class="relative grid-section next flex flex-col p-2 lg:p-4">
+      <div class="relative grid-section next flex flex-col p-2 lg:p-4" :style="themeVars">
         <SlideContainer
           v-if="nextSlide"
           key="next"

diff --git a/packages/client/internals/SlidesOverview.vue b/packages/client/internals/SlidesOverview.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useVModel } from '@vueuse/core'
 import { computed, watchEffect } from 'vue'
+import { themeVars } from '../env'
 import { breakpoints, windowSize } from '../state'
 import { currentPage, go as goSlide, rawRoutes } from '../logic/nav'
 import { currentOverviewPage, overviewRowCount } from '../logic/overview'
@@ -72,6 +73,7 @@ watchEffect(() => {
         <div
           class="inline-block border border-gray-400 rounded border-opacity-50 overflow-hidden bg-main hover:border-$slidev-theme-primary"
           :class="{ 'border-$slidev-theme-primary': focus(idx + 1) }"
+          :style="themeVars"
           @click="go(+route.path)"
         >
           <SlideContainer