V 1.1 Beta

resources/js/components/VueFileManagerComponents/Sidebar/StorageSize.vue

@@ -4,7 +4,7 @@
             <span class="title">Storage</span>
             <span class="size">{{ app.storage.used }} of {{ app.storage.capacity }} Used</span>
         </div>
-        <ProgressBar :progress="app.storage.percentage"/>
+        <ProgressBar :progress="app.storage.percentage" :class="{'is-exceeded': app.storage.percentage > 100}"/>
     </div>
 </template>
 
@@ -57,6 +57,13 @@
         }
     }
 
+    .progress-bar {
+
+        &.is-exceeded /deep/ span {
+            background: $danger;
+        }
+    }
+
     @media only screen and (max-width: 690px) {
 
         .storage-size {

resources/js/components/VueFileManagerComponents/Sidebar/UserHeadline.vue

@@ -103,7 +103,7 @@
 
         .email {
             @include font-size(13);
-            color: $light_text;
+            color: $theme;
             display: block;
             margin-top: 2px;
         }