diff --git a/framework/core/less/forum/UserCard.less b/framework/core/less/forum/UserCard.less
index fe10abb26..731ea28c2 100644
--- a/framework/core/less/forum/UserCard.less
+++ b/framework/core/less/forum/UserCard.less
@@ -126,6 +126,9 @@
   & .icon {
     font-size: 14px;
   }
+  &.online .fa-circle {
+    color: @online-user-circle-color;
+  }
   &.online .icon {
     font-size: 12px;
   }
diff --git a/framework/core/less/lib/variables.less b/framework/core/less/lib/variables.less
index bbca8b077..ef1be5bb2 100755
--- a/framework/core/less/lib/variables.less
+++ b/framework/core/less/lib/variables.less
@@ -130,3 +130,5 @@
 
 @tooltip-bg:                       rgba(0, 0, 0, 0.9);
 @tooltip-color:                    #fff;
+
+@online-user-circle-color:         #7FBA00;