fix: add different background for dark mode on hover for herodevs buttons

Author: ShelbyKelley

.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,

.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;