New status images.

app/styles/containers.less

@@ -75,21 +75,42 @@
             margin: 0px 5px 0px 20px;
 
             &.active {
-                background: @brand-primary;
-                li {
-                  .name {
-                    color: white;
-                  }
-                  .image {
-                    color: white;
-                    opacity: 0.9;
-                  }
+              background: @brand-primary;
+              li {
+                .name {
+                  color: white;
                 }
-                color: white;
-                border-bottom: none;
-                border-radius: 40px;
+                .image {
+                  color: white;
+                  opacity: 0.9;
+                }
+              }
+              color: white;
+              border-bottom: none;
+              border-radius: 40px;
+              .state-running {
+                .at2x('running-white.png', 20px, 20px);
+                overflow: hidden;
+                // -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
 
-              &:hover {
+                .runningwave {
+                  position: absolute;
+                  width: 40px;
+                  height: 20px;
+                  left: -20px;
+                  .at2x('runningwave-white.png', 20px, 20px);
+                  // background-repeat: repeat;
+                  -webkit-animation-name: translatewave;
+                  -webkit-animation-duration: 8.0s;
+                  -webkit-animation-iteration-count: infinite;
+                  -webkit-animation-timing-function: linear;
+                }
+              }
+              .state-paused {
+                .at2x('wavy-white.png', 20px, 20px);
+              }
+              .state-stopped {
+                .at2x('still-white.png', 20px, 20px);
               }
             }
 

app/styles/main.less

@@ -18,7 +18,7 @@ html, body {
 }
 
 ::-webkit-scrollbar {
-  width: 13px;
+  width: 10px;
 }
 
 ::-webkit-scrollbar-track {
@@ -33,7 +33,7 @@ html, body {
   background-clip: padding-box;
   width: 7px;
   border-radius: 8px;
-  background-color: rgba(0,0,0,0.2);
+  background-color: rgba(0,0,0,0.07);
 }
 
 .create-modal {