docs(v-hover): improve visibility in dark mode (#12216)

vuetifyjs · Sep 13, 2020 · a611f94 · a611f94
1 parent 1ae9506
commit a611f94
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/packages/docs/src/examples/v-hover/prop-open-and-close-delay.vue b/packages/docs/src/examples/v-hover/prop-open-and-close-delay.vue
@@ -10,6 +10,7 @@
       >
         <v-card
           :elevation="hover ? 16 : 2"
+          :class="{ 'on-hover': hover }"
           class="mx-auto"
           height="350"
           max-width="350"
@@ -31,6 +32,7 @@
       >
         <v-card
           :elevation="hover ? 16 : 2"
+          :class="{ 'on-hover': hover }"
           class="mx-auto"
           height="350"
           max-width="350"
@@ -43,3 +45,10 @@
     </v-col>
   </v-row>
 </template>
+
+<style lang="sass" scoped>
+.v-card.on-hover.theme--dark
+  background-color: rgba(#FFF, 0.8)
+  >.v-card__text
+    color: #000
+</style>
diff --git a/packages/docs/src/examples/v-hover/usage.vue b/packages/docs/src/examples/v-hover/usage.vue
@@ -10,6 +10,7 @@
     >
       <v-card
         :elevation="hover ? 12 : 2"
+        :class="{ 'on-hover': hover }"
         height="200"
         max-width="350"
         class="mx-auto"
@@ -44,3 +45,10 @@
     }),
   }
 </script>
+
+<style lang="sass" scoped>
+.v-card.on-hover.theme--dark
+  background-color: rgba(#FFF, 0.8)
+  >.v-card__text
+    color: #000
+</style>