diff --git a/public/css/otalk.css b/public/css/otalk.css
index f936b2f..2490008 100644
--- a/public/css/otalk.css
+++ b/public/css/otalk.css
@@ -660,17 +660,17 @@ button.secondary:hover:not(:disabled) {
 #bookmarks li.online:after,
 #roster li.chat:after,
 #bookmarks li.chat:after {
-  background: #427a00;
+  background: #43bb6e;
 }
 #roster li.dnd:after,
 #bookmarks li.dnd:after {
-  background: #c50041;
+  background: #de0a32;
 }
 #roster li.away:after,
 #bookmarks li.away:after,
 #roster li.xa:after,
 #bookmarks li.xa:after {
-  background: #f57900;
+  background: #f18902;
 }
 #roster li.offline:not(:hover) .name,
 #bookmarks li.offline:not(:hover) .name {
diff --git a/public/css/pages/roster.styl b/public/css/pages/roster.styl
index d5be093..5d523dd 100644
--- a/public/css/pages/roster.styl
+++ b/public/css/pages/roster.styl
@@ -87,16 +87,16 @@
     &.online,
     &.chat
       &:after
-        background: #427a00
+        background: $green
 
     &.dnd
       &:after
-        background: #c50041
+        background: $red
 
     &.away,
     &.xa
       &:after
-        background: #f57900
+        background: $orange
 
     &.offline:not(:hover)
       .name
diff --git a/public/x-manifest.cache b/public/x-manifest.cache
index c764380..c3a0137 100644
--- a/public/x-manifest.cache
+++ b/public/x-manifest.cache
@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# 0.0.1 1382697161857
+# 0.0.1 1382715439961
 
 CACHE:
 /app.js