improve note header design

packages/frontend/src/components/MkNote.vue

@@ -593,6 +593,12 @@ function showReactions(): void {
 
 .renoteUserName {
 	font-weight: bold;
+	text-decoration: none;
+
+	&:hover {
+		color: var(--renoteHover);
+		text-decoration: none;
+	}
 }
 
 .renoteInfo {

packages/frontend/src/components/MkNoteDetailed.vue

@@ -536,6 +536,11 @@ if (appearNote.replyId) {
 .noteHeaderName {
 	font-weight: bold;
 	line-height: 1.3;
+
+	&:hover {
+		color: var(--nameHover);
+		text-decoration: none;
+	}
 }
 
 .isBot {

packages/frontend/src/components/MkNoteHeader.vue

@@ -55,7 +55,8 @@ defineProps<{
 	text-overflow: ellipsis;
 
 	&:hover {
-		text-decoration: underline;
+		color: var(--nameHover);
+		text-decoration: none;
 	}
 }
 

packages/frontend/src/themes/_dark.json5

@@ -45,6 +45,7 @@
 		mentionMe: '@mention',
 		renote: '@accent',
 		renoteHover: ':lighten<5<@renote',
+		nameHover: ':darken<5<@fg',
 		modalBg: 'rgba(0, 0, 0, 0.5)',
 		scrollbarHandle: 'rgba(255, 255, 255, 0.2)',
 		scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)',

packages/frontend/src/themes/_light.json5

@@ -45,6 +45,7 @@
 		mentionMe: '@mention',
 		renote: '#229e82',
 		renoteHover: ':lighten<5<@renote',
+		nameHover: ':lighten<5<@fg',
 		modalBg: 'rgba(0, 0, 0, 0.3)',
 		scrollbarHandle: 'rgba(0, 0, 0, 0.2)',
 		scrollbarHandleHover: 'rgba(0, 0, 0, 0.4)',