1 files changed, 35 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/usage-bar/usage-bar.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/usage-bar/usage-bar.component.scss
new file mode 100644
index 000000000..e9d6d2498
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/usage-bar/usage-bar.component.scss
@@ -0,0 +1,35 @@
+@use './src/styles/vendor/variables' as vv;
+
+.bg-info {
+  background-color: vv.$primary !important;
+}
+
+.bg-warning {
+  background-color: vv.$warning !important;
+}
+
+.bg-danger {
+  background-color: vv.$danger !important;
+}
+
+.bg-freespace {
+  background-color: vv.$gray-400 !important;
+}
+
+.progress {
+  height: 20px;
+  margin-bottom: 0;
+  position: relative;
+
+  div.progress-bar {
+    position: static;
+  }
+
+  span {
+    color: vv.$black;
+    display: block;
+    font-weight: normal;
+    position: absolute;
+    width: 100%;
+  }
+}