diff --git a/.vitepress/theme/components/Annotations.vue b/.vitepress/theme/components/Annotations.vue index 7ce6a3e..9dbb4ac 100644 --- a/.vitepress/theme/components/Annotations.vue +++ b/.vitepress/theme/components/Annotations.vue @@ -49,20 +49,12 @@ const { frontmatter } = useData(); .sort { color: var(--vp-c-neutral-inverse); - background-color: var(--vp-c-brand-3); + background-color: var(--vp-c-brand-2); padding: 1px 8px; } .sort:hover { - background-color: var(--vp-c-brand-1); -} - -.dark .sort { - background-color: var(--vp-c-brand-1); -} - -.dark .sort:hover { - background-color: var(--vp-c-brand-2); + background-color: var(--vp-c-neutral); } .dot { @@ -71,27 +63,16 @@ const { frontmatter } = useData(); } .tag { - color: var(--vp-c-brand-3); + color: var(--vp-c-brand-2); line-height: 20px; - border: 2px solid var(--vp-c-brand-3); + border: 2px solid var(--vp-c-brand-2); padding: 1px 5px; margin-top: 1rem; margin-right: 0.7rem; } .tag:hover { - border: 2px solid var(--vp-c-brand-3); - background-color: var(--vp-c-brand-3); - color: var(--vp-c-neutral-inverse); -} - -.dark .tag { - color: var(--vp-c-brand-1); - border: 2px solid var(--vp-c-brand-1); -} - -.dark .tag:hover { + background-color: var(--vp-c-brand-2); color: var(--vp-c-neutral-inverse); - background-color: var(--vp-c-brand-1); } diff --git a/.vitepress/theme/components/Badge.vue b/.vitepress/theme/components/Badge.vue index 659d38b..59a0b2a 100644 --- a/.vitepress/theme/components/Badge.vue +++ b/.vitepress/theme/components/Badge.vue @@ -45,34 +45,21 @@ defineProps({ .link:hover, a.active { - color: var(--vp-c-text-2); - box-shadow: 0 0 0 1px var(--vp-c-text-2); - background-color: var(--vp-c-default-2); + color: var(--vp-c-brand-1); + box-shadow: 0 0 0 1px var(--vp-c-brand-2); + background-color: var(--vp-c-default-soft); } .link:hover .digit, a.active .digit { color: var(--vp-c-default-3); - background-color: var(--vp-c-text-2); -} - -.dark .link:hover, -.dark a.active { - color: var(--vp-c-brand-1); - box-shadow: 0 0 0 1px var(--vp-c-brand-1); - background-color: var(--vp-c-brand-soft); -} - -.dark .link:hover .digit, -.dark a.active .digit { - color: var(--vp-c-default-3); - background-color: var(--vp-c-brand-1); + background-color: var(--vp-c-brand-2); }