enhance(frontend): 押したリアクションのデザインを改善 (#11434)

* enhance(frontend): 押したリアクションのデザインを改善 * Update CHANGELOG
2023-07-31 17:38:41 +09:00
parent 007ed5c929
commit 4aed5968f6
2 changed files with 6 additions and 7 deletions
--- a/packages/frontend/src/components/MkReactionsViewer.reaction.vue
+++ b/packages/frontend/src/components/MkReactionsViewer.reaction.vue
@@ -143,15 +143,13 @@ useTooltip(buttonEl, async (showing) => {
 		}
 	}

-	&.reacted {
-		background: var(--accent);
-
-		&:hover {
-			background: var(--accent);
-		}
+	&.reacted, &.reacted:hover {
+    background: var(--accentedBg);
+    color: var(--accent);
+    border: 1px solid var(--accent);

 		> .count {
-			color: var(--fgOnAccent);
+			color: var(--accent);
 		}

 		> .icon {