Darken progress bar

src/definitions/modules/progress.less

@@ -42,6 +42,62 @@
   margin: @lastMargin;
 }
 
+/*******************************
+            Content
+*******************************/
+
+/* Activity Bar */
+.ui.progress .bar {
+  display: block;
+  line-height: 1;
+  position: @barPosition;
+  width: @barInitialWidth;
+  min-width: @barMinWidth;
+  background: @barBackground;
+  border-radius: @barBorderRadius;
+  transition: @barTransition;
+}
+
+/* Percent Complete */
+.ui.progress .bar > .progress {
+  white-space: nowrap;
+  position: @progressPosition;
+  width: @progressWidth;
+  font-size: @progressSize;
+  top: @progressTop;
+  right: @progressRight;
+  left: @progressLeft;
+  bottom: @progressBottom;
+  color: @progressColor;
+  text-shadow: @progressTextShadow;
+  margin-top: @progressOffset;
+  font-weight: @progressFontWeight;
+  text-align: @progressTextAlign;
+}
+
+/* Label */
+.ui.progress > .label {
+  position: absolute;
+  width: @labelWidth;
+  font-size: @labelSize;
+  top: @labelTop;
+  right: @labelRight;
+  left: @labelLeft;
+  bottom: @labelBottom;
+  color: @labelColor;
+  font-weight: @labelFontWeight;
+  text-shadow: @labelTextShadow;
+  margin-top: @labelOffset;
+  text-align: @labelTextAlign;
+  transition: @labelTransition;
+}
+
+
+/*******************************
+            Types
+*******************************/
+
+
 /* Indicating */
 .ui.indicating.progress[data-percent^="1"] .bar,
 .ui.indicating.progress[data-percent^="2"] .bar {
@@ -119,57 +175,6 @@
   color: @successHeaderColor;
 }
 
-/*******************************
-            Content
-*******************************/
-
-/* Activity Bar */
-.ui.progress .bar {
-  display: block;
-  line-height: 1;
-  position: @barPosition;
-  width: @barInitialWidth;
-  min-width: @barMinWidth;
-  background: @barBackground;
-  border-radius: @barBorderRadius;
-  transition: @barTransition;
-}
-
-/* Percent Complete */
-.ui.progress .bar > .progress {
-  white-space: nowrap;
-  position: @progressPosition;
-  width: @progressWidth;
-  font-size: @progressSize;
-  top: @progressTop;
-  right: @progressRight;
-  left: @progressLeft;
-  bottom: @progressBottom;
-  color: @progressColor;
-  text-shadow: @progressTextShadow;
-  margin-top: @progressOffset;
-  font-weight: @progressFontWeight;
-  text-align: @progressTextAlign;
-}
-
-/* Label */
-.ui.progress > .label {
-  position: absolute;
-  width: @labelWidth;
-  font-size: @labelSize;
-  top: @labelTop;
-  right: @labelRight;
-  left: @labelLeft;
-  bottom: @labelBottom;
-  color: @labelColor;
-  font-weight: @labelFontWeight;
-  text-shadow: @labelTextShadow;
-  margin-top: @labelOffset;
-  text-align: @labelTextAlign;
-  transition: @labelTransition;
-}
-
-
 /*******************************
              States
 *******************************/

src/themes/default/modules/progress.variables

@@ -11,7 +11,7 @@
 @firstMargin: 0em 0em (@labelHeight + @verticalSpacing);
 @lastMargin: 0em 0em (@labelHeight);
 
-@background: @transparentBlack;
+@background: @strongTransparentBlack;
 @border: none;
 @boxShadow: none;
 @padding: 0em;