diff --git a/html/src/app.dark.scss b/html/src/app.dark.scss
index b6e3febf..21e8e0fe 100644
--- a/html/src/app.dark.scss
+++ b/html/src/app.dark.scss
@@ -317,12 +317,12 @@ button {
 }
 
 .x-friend-item > .detail > .name.x-tag-legendary {
-    color: rgb(255, 255, 255);
+    color: rgb(255, 105, 180);
 }
 
 .el-tag.x-tag-legendary {
-    color: rgb(255, 255, 255);
-    border-color: rgb(255, 255, 255);
+    color: rgb(255, 105, 180);
+    border-color: rgb(255, 105, 180);
 }
 
 .x-user-dialog .el-textarea__inner {
diff --git a/html/src/app.scss b/html/src/app.scss
index 4089bde4..c316c267 100644
--- a/html/src/app.scss
+++ b/html/src/app.scss
@@ -469,12 +469,12 @@ i.x-user-status.busy {
 }
 
 .x-friend-item > .detail > .name.x-tag-legendary {
-    color: rgb(0, 0, 0);
+    color: rgb(255, 105, 180);
 }
 
 .el-tag.x-tag-legendary {
-    color: rgb(0, 0, 0);
-    border-color: rgb(0, 0, 0);
+    color: rgb(255, 105, 180);
+    border-color: rgb(255, 105, 180);
 }
 
 .x-friend-item > .detail > .name.x-tag-vip {