fix: align username style with official

pacexy · pacexy · commit cdf0d0e2c45a · 2025-07-09T20:22:44.000+08:00
diff --git a/src/App.css b/src/App.css
@@ -74,11 +74,13 @@
 }
 
 #comment-search-root .comment-item-username {
-  font-size: 12px;
-  font-weight: bold;
+  font-size: var(--bili-comments-font-size-name);
   margin-bottom: 4px;
-  color: #61666d;
   margin-right: 12px;
+  color: #FB7299;
+  &[data-vip='0'] {
+    color: var(--text2);
+  }
 }
 
 #comment-search-root .comment-item-message {
diff --git a/src/App.tsx b/src/App.tsx
@@ -117,6 +117,7 @@ const CommentTree: React.FC<CommentProps> = ({ comments, sub = false }) => {
                 className='comment-item-username'
                 href={`https://space.bilibili.com/${comment.member.mid}`}
                 target='_blank'
+                data-vip={comment.member.vip.vipType}
               >
                 {comment.member.uname}
               </a>

Original file line number	Diff line number	Diff line change
`@@ -117,6 +117,7 @@ const CommentTree: React.FC<CommentProps> = ({ comments, sub = false }) => {`
`117`	`117`	`className='comment-item-username'`
`118`	`118`	href={`https://space.bilibili.com/${comment.member.mid}`}
`119`	`119`	`target='_blank'`
	`120`	`+ data-vip={comment.member.vip.vipType}`
`120`	`121`	`>`
`121`	`122`	`{comment.member.uname}`
`122`	`123`	`</a>`