fix: category tag line-height & dark hover

- Set base .category-tag line-height to tight
- Dark mode colored hover bg → grey-700
- Remove border on dark mode colored hover

Author: julioest

static/css/v3/category-tags.css

@@ -4,7 +4,7 @@
   justify-content: center;
   font-family: var(--font-sans);
   font-size: var(--font-size-xs);
-  line-height: var(--line-height-default);
+  line-height: var(--line-height-tight);
   font-weight: var(--font-weight-regular);
   border-radius: var(--border-radius-s);
   text-decoration: none;
@@ -130,6 +130,6 @@ html.dark .category-tag--green.category-tag--hover-state,
 html.dark .category-tag--yellow.category-tag--hover-state,
 html.dark .category-tag--teal.category-tag--hover-state {
   background: var(--color-tag-colored-bg-hover);
-  border-color: var(--color-tag-colored-border);
+  border-color: transparent;
   color: var(--color-tag-colored-text);
 }

static/css/v3/themes.css

@@ -81,7 +81,7 @@ html.dark {
   --color-tag-neutral-bg-hover: var(--color-primary-grey-800);
   --color-tag-neutral-border: var(--color-tag-stroke);
   --color-tag-colored-bg: var(--color-primary-grey-800);
-  --color-tag-colored-bg-hover: var(--color-primary-grey-850);
+  --color-tag-colored-bg-hover: var(--color-primary-grey-700);
   --color-tag-colored-border: var(--color-primary-grey-800);
   --color-tag-colored-text: var(--color-text-primary);