diff --git a/src/packages/tabs/src/tabs.css b/src/packages/tabs/src/tabs.css
index 458fe74f3..8ddf33b0f 100644
--- a/src/packages/tabs/src/tabs.css
+++ b/src/packages/tabs/src/tabs.css
@@ -8,7 +8,6 @@
   cursor: default;
   padding: 2px 21px 2px 9px;
   background-image: -webkit-linear-gradient(#444, #3d3d3d);
-  color: #a5aaaa;
   display: table-cell;
   position: relative;
   width:175px;
@@ -21,6 +20,30 @@
   height: 24px;
 }
 
+.tab,
+.tab .close-icon {
+  color: #aaa;
+}
+
+.tab.file-modified .close-icon {
+  border-color: #aaa;
+}
+
+.tab.active,
+.tab.active:hover,
+.tab.active .close-icon {
+  color: #e6e6e6;
+}
+
+.tab.file-modified.active .close-icon {
+  border-color: #e6e6e6;
+}
+
+.tab:hover .close-icon {
+  color: #c8c8c8;
+  border-color: #c8c8c8;
+}
+
 .tab.file-modified .close-icon {
   border: 3px solid #777;
   top: 6px;
@@ -45,7 +68,6 @@
 
 .tab.active,
 .tab.active:hover {
-  color: #dae6e6;
   border-top: 1px solid #4a4a4a;
   box-shadow: inset -1px 0 0 #595959, inset 1px 0 0 #595959;
   border-bottom: 0 none;
@@ -79,7 +101,7 @@
 }
 
 .tab:hover {
-  color: #c8c8c5;
+  color: #c8c8c8;
   background-image: -webkit-linear-gradient(#474747, #444444);
 }
 
@@ -103,7 +125,6 @@
   width: 14px;
   height: 14px;
   display: block;
-  color: #777;
   cursor: pointer;
   position: absolute;
   right: 4px;