adjust color of modified tabs

static/tabs.css

@@ -37,6 +37,7 @@
   height: 12px;
   cursor: pointer;
   position: absolute;
+  color: rgba(255, 255, 255, 0.5);
   right: 5px;
   top: 4px;
   -webkit-font-smoothing: antialiased;
@@ -47,7 +48,7 @@
 }
 
 .tab .close-icon:hover {
-  color: white;
+  color: #fff;
 }
 
 .tab.file-modified .close-icon {
@@ -55,7 +56,7 @@
   width: 5px;
   height: 5px;
   right: 5px;
-  border: 2px solid #fff;
+  border: 2px solid #66a6ff;
   border-radius: 12px;
 }
 

themes/atom-dark-ui/tabs.css

@@ -21,6 +21,10 @@
   padding: 5px 10px;
 }
 
+.tab:hover {
+  color: #fff;
+}
+
 .tab.active {
   background-image: -webkit-linear-gradient(#43484d, #303337);
   color: #fff;
@@ -31,4 +35,8 @@
     inset 1px 0 0 rgba(255, 255, 255, 0.1),
     inset -1px 0 0 rgba(255, 255, 255, 0.1),
     inset  0 -1px 0 rgba(0, 0, 0, 0.3);
+}
+
+.tab.active:hover .close-icon {
+  color: #fff;
 }