diff --git a/svelte-ui/src/components/Progress.svelte b/svelte-ui/src/components/Progress.svelte
index 42d28e3..032c372 100644
--- a/svelte-ui/src/components/Progress.svelte
+++ b/svelte-ui/src/components/Progress.svelte
@@ -117,18 +117,18 @@
     flex-basis: inherit;
   }
 
-  div.none { background-color: #555555; }
-  div.bronze { background-color: #f4b083; }
-  div.silver { background-color: #d8dce4; }
-  div.gold { background-color: #ffd966; }
-  div.diamond { background-color: #84f5ff; }
-  div.emerald, div.green { background-color: #8ef88e }
-  div.gray { background-color: #777777; }
-
   div.on {
     opacity: 0.75;
   }
 
+  div.none { background-color: #555555; }
+  div.bronze { background-color: #f4b083; }
+  div.silver { background-color: #d8dce4; opacity: 0.8; }
+  div.gold { background-color: #ffd966; opacity: 0.8; }
+  div.diamond { background-color: #84f5ff; opacity: 0.9; }
+  div.emerald, div.green { background-color: #8ef88e; opacity: 0.8; }
+  div.gray { background-color: #777777; }
+
   div.off {
     opacity: 0.50;
   }