fix: tweak styling

HerringtonDarkholme · HerringtonDarkholme · commit 1312220ad7d4 · 2025-02-09T00:54:06.000-05:00
diff --git a/website/src/catalog/Option.vue b/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>
diff --git a/website/src/catalog/RuleFilter.vue b/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;
 }
 
diff --git a/website/src/catalog/RuleItem.vue b/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);

Original file line number	Diff line number	Diff line change
`@@ -121,11 +121,15 @@ input[type="checkbox"] {`
`121`	`121`	`}`
`122`	`122`	`.filter-option:hover {`
`123`	`123`	`color: var(--vp-c-brand-1);`
	`124`	`+ border-color: currentColor;`
`124`	`125`	`opacity: 1;`
`125`	`126`	`}`
`126`	`127`
`127`	`128`	`input[type="checkbox"]:checked + code.option {`
`128`	`129`	`opacity: 1;`
	`130`	`+ border-color: var(--vp-c-text-3);`
	`131`	`+}`
	`132`	`+input[type="checkbox"]:checked + code.option:hover {`
`129`	`133`	`border-color: currentColor;`
`130`	`134`	`}`
`131`	`135`