Adds branding to progress bar

Signed-off-by: Kanika Murarka <[email protected]>
rhcs-dashboard · Jan 28, 2019 · a63ca8e · a63ca8e
1 parent 7f690f8
commit a63ca8e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/...ybind/mgr/dashboard/frontend/src/app/shared/components/usage-bar/usage-bar.component.scss b/...ybind/mgr/dashboard/frontend/src/app/shared/components/usage-bar/usage-bar.component.scss
@@ -0,0 +1,11 @@
+@import '../../../../branding/branding';
+
+.progress-bar {
+  background-color: $color-patternfly-progressbar !important;
+  -webkit-box-shadow: $shadow-patternfly-progressbar;
+  box-shadow: $shadow-patternfly-progressbar;
+}
+
+.progress-bar-info {
+  background-color: $color-patternfly-progressinfo !important;
+}
diff --git a/src/pybind/mgr/dashboard/frontend/src/branding/branding.scss b/src/pybind/mgr/dashboard/frontend/src/branding/branding.scss
@@ -3,6 +3,7 @@
 $color-copper-black: #4d5258;
 $color-sea-blue: #0088ce;
 $color-dark-sea-blue: #00659c;
+$color-patternfly-blue: #39a5dc;
 
 /* Navigation */
 $color-branding-nav-hover: linear-gradient(to bottom, #72757a 0, #64686c 100%);
@@ -15,3 +16,8 @@ $color-selected-language: $color-copper-black;
 $color-patternfly-button-background: $color-sea-blue;
 $color-patternfly-button-border: $color-dark-sea-blue;
 $color-disabled-button: $color-white-gray;
+
+/* Progress Bar */
+$color-patternfly-progressbar: $color-grad-gray;
+$shadow-patternfly-progressbar: inset 0 0 1px rgba(3, 3, 3, 0.25);
+$color-patternfly-progressinfo: $color-patternfly-blue;