fix: add different background for dark mode on hover for herodevs but…

…tons
vuejs · Jul 10, 2024 · 8263f97 · 8263f97
1 parent 5a02126
commit 8263f97
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.vitepress/theme/components/Home.vue b/.vitepress/theme/components/Home.vue
@@ -162,16 +162,21 @@ html:not(.dark) .accent,
     linear-gradient(45deg, #42d392, #647eff) border-box;
   border: 2px solid transparent;
 }
+
 .actions .security:hover {
   background: linear-gradient(var(--vt-c-gray-light-4), var(--vt-c-gray-light-4)) padding-box, 
     linear-gradient(45deg, #42d392, #647eff) border-box;
 }
 
+.dark .actions .security:hover {
+  background: linear-gradient(var(--vt-c-gray-dark-3), var(--vt-c-gray-dark-3)) padding-box, 
+    linear-gradient(45deg, #42d392, #647eff) border-box;
+}
+
 .actions .security .icon {
   width: 12px;
   height: 12px;
   margin-left: 4px;
-
 }
 
 .actions .get-started,

diff --git a/.vitepress/theme/components/SecurityUpdateBtn.vue b/.vitepress/theme/components/SecurityUpdateBtn.vue
@@ -43,6 +43,10 @@
       linear-gradient(45deg, #42d392, #647eff) border-box;
     transition-duration: 0.2s;
   }
+  .dark .container .security:hover {
+    background: linear-gradient(var(--vt-c-gray-dark-3), var(--vt-c-gray-dark-3)) padding-box, 
+      linear-gradient(45deg, #42d392, #647eff) border-box;
+  }
   .container .security .icon {
     width: 12px;
     height: 12px;