Overhauled usage-bar styling

diff --git a/files/style/conversation.scss b/files/style/conversation.scss
index 4cf0e8e01aa6e14e64c3e2a7552e3885813e3828..32e1fd54750e48bb6f6165aa6e343cbc59b23d9e 100644 (file)
--- a/files/style/conversation.scss
+++ b/files/style/conversation.scss
@@ -22,26 +22,30 @@
        text-align: center;
 }
 .conversationUsageBar {
-       border-radius: 5px;
-       box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);
-       height: 20px;
-       padding: 4px;
+       background-color: rgba(165, 223, 65, 1);
+       height: 5px;
        
        > span {
-               background-image: linear-gradient(rgba(165, 223, 65, 1), rgba(76, 169, 22, 1));
-               border-radius: 3px;
-               box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
+               background-color: rgba(76, 169, 22, 1);
                color: transparent;
                display: block;
                height: 100%;
        }
        
-       &.yellow > span {
-               background-image: linear-gradient(rgba(254, 207, 35, 1), rgba(253, 146, 21, 1));
+       &.yellow {
+               background-color: rgba(254, 207, 35, 1);
+               
+               > span {
+                       background-color: rgba(253, 146, 21, 1);
+               }
        }
        
-       &.red > span {
-               background-image: linear-gradient(rgba(240, 163, 163, 1), rgba(244, 35, 35, 1));
+       &.red {
+               background-color: rgba(255, 205, 210, 1);
+               
+               > span {
+                       background-color: rgba(244, 67, 54, 1);
+               }
        }
 }