fix: tweak styling

Author: HerringtonDarkholme

website/src/catalog/Option.vue

@@ -24,6 +24,6 @@ defineProps({
   transition: all 0.25s;
 }
 .highlight {
-  border-color: currentColor;
+  border-color: var(--vp-c-text-3);
 }
 </style>

website/src/catalog/RuleFilter.vue

@@ -121,11 +121,15 @@ input[type="checkbox"] {
 }
 .filter-option:hover {
   color: var(--vp-c-brand-1);
+  border-color: currentColor;
   opacity: 1;
 }
 
 input[type="checkbox"]:checked + code.option {
   opacity: 1;
+  border-color: var(--vp-c-text-3);
+}
+input[type="checkbox"]:checked + code.option:hover {
   border-color: currentColor;
 }
 

website/src/catalog/RuleItem.vue

@@ -145,7 +145,7 @@ a > .VPBadge:hover {
 }
 .highlight-filter {
   color: var(--vp-c-text-2);
-  border-color: currentColor;
+  border-color: var(--vp-c-text-3);
 }
 .highlight-filter:hover {
   color: var(--vp-c-text-2);