@voidzero-dev/vitepress-theme 4.0.2 → 4.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@voidzero-dev/vitepress-theme",
3
- "version": "4.0.2",
3
+ "version": "4.0.3",
4
4
  "description": "Shared VitePress theme for VoidZero projects",
5
5
  "type": "module",
6
6
  "license": "UNLICENSED",
@@ -16,7 +16,7 @@ import VPNavBarExtra from '@vp-default/VPNavBarExtra.vue'
16
16
  import VPSwitchAppearance from '@vp-default/VPSwitchAppearance.vue'
17
17
  import { useLangs } from '@vp-composables/langs'
18
18
 
19
- const { theme, frontmatter } = useData()
19
+ const { theme, frontmatter, isDark } = useData()
20
20
  const nav = theme.value.nav
21
21
 
22
22
  const route = useRoute()
@@ -190,6 +190,7 @@ onUnmounted(() => {
190
190
 
191
191
  <template>
192
192
  <div
193
+ :data-theme="isDark ? 'dark' : undefined"
193
194
  :class="isMarketingPage ? 'relative w-full z-50' : 'relative w-full z-50 lg:fixed lg:left-0 lg:right-0 lg:top-[var(--vp-banner-height,0)]'">
194
195
  <header
195
196
  class="wrapper px-6 py-5 flex items-center justify-between relative bg-white dark:bg-primary border-b border-stroke dark:border-nickel">
@@ -81,12 +81,12 @@
81
81
  border-bottom: 5px solid transparent;
82
82
  border-left: 5px solid transparent;
83
83
  }
84
-
85
- .dark .wrapper--ticks::before, .dark .tick-left::before {
84
+
85
+ [data-theme=dark] .wrapper--ticks::before, [data-theme=dark] .tick-left::before {
86
86
  border-left-color: var(--color-nickel);
87
87
  }
88
88
 
89
- .dark .wrapper--ticks::after, .dark .tick-right::after {
89
+ [data-theme=dark] .wrapper--ticks::after, [data-theme=dark] .tick-right::after {
90
90
  border-right-color: var(--color-nickel);
91
91
  }
92
92