diff --git a/html/app.css b/html/app.css
index f76369b6..3ccb1718 100644
--- a/html/app.css
+++ b/html/app.css
@@ -7,6 +7,17 @@ This work is licensed under the terms of the MIT license.
 For a copy, see <https://opensource.org/licenses/MIT>.
 */
 
+.color-palettes {
+	background: #409EFF;
+	background: #67C23A;
+	background: #E6A23C;
+	background: #F56C6C;
+	background: #909399;
+	background: #FD9200;
+	background: #E6E6E6;
+	background: #C0C4CC;
+}
+
 .noty_layout {
 	word-break: break-all;
 }
@@ -292,6 +303,10 @@ a {
 	background: #67C23A;
 }
 
+.x-friend-item>.avatar.inactive::after {
+	background: #FD9200;
+}
+
 .x-friend-item>.avatar.joinme::after {
 	background: #409EFF;
 }
@@ -359,6 +374,10 @@ i.x-user-status.active {
 	background: #67C23A;
 }
 
+i.x-user-status.inactive {
+	background: #FD9200;
+}
+
 i.x-user-status.joinme {
 	background: #409EFF;
 }
diff --git a/html/app.js b/html/app.js
index 11432c5d..cc46f636 100644
--- a/html/app.js
+++ b/html/app.js
@@ -3705,7 +3705,9 @@ CefSharp.BindObjectAsync(
 	$app.methods.userStatusClass = function (user) {
 		var style = {};
 		if (user) {
-			if (user.location === 'offline') {
+			if (user.state === 'active') {
+				style.inactive = true;
+			} else if (user.location === 'offline') {
 				style.offline = true;
 			} else if (user.status === 'active') {
 				style.active = true;
diff --git a/html/index.html b/html/index.html
index b61e6d28..6cace7bf 100644
--- a/html/index.html
+++ b/html/index.html
@@ -884,7 +884,8 @@
 						<div>
 							<el-tooltip v-if="userDialog.ref.status" placement="top">
 								<template #content>
-									<span v-if="userDialog.ref.location === 'offline'">Offline</span>
+									<span v-if="userDialog.ref.state === 'active'">Active</span>
+									<span v-else-if="userDialog.ref.location === 'offline'">Offline</span>
 									<span v-else-if="userDialog.ref.status === 'active'">Active</span>
 									<span v-else-if="userDialog.ref.status === 'join me'">Join Me</span>
 									<span v-else-if="userDialog.ref.status === 'busy'">Busy</span>