From 95b4b10c8e136a4758e4f230c1699cf406641a3c Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 22 Feb 2022 11:22:15 +0100
Subject: [PATCH] docs: fix dark mode blink

---
 docs/app.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/docs/app.vue b/docs/app.vue
index 4f17f29a..63f32d9d 100644
--- a/docs/app.vue
+++ b/docs/app.vue
@@ -58,11 +58,8 @@
 
 <script setup>
 useMeta({
-  htmlAttrs: {
-    class: 'bg-white dark:bg-black'
-  },
   bodyAttrs: {
-    class: 'antialiased font-sans text-gray-700 bg-gray-50 dark:bg-gray-900 dark:text-gray-200'
+    class: 'antialiased font-sans text-gray-700 bg-gray-50 dark:bg-gray-900 dark:text-gray-200 bg-white dark:bg-black'
   }
 })
 
@@ -81,3 +78,9 @@ const sections = [
   { label: 'Overlays', links: [{ label: 'Modal', to: '/components/Modal' }, { label: 'Notification', to: '/components/Notification' }, { label: 'Popover', to: '/components/Popover' }, { label: 'Tooltip', to: '/components/Tooltip' }] }
 ]
 </script>
+
+<style>
+html.dark {
+  @apply bg-black;
+}
+</style>