New dashboard look & feel

[src/xds/xds-agent.git] / webapp / src / app / @theme / styles / pace.theme.scss

diff --git a/webapp/src/app/@theme/styles/pace.theme.scss b/webapp/src/app/@theme/styles/pace.theme.scss
new file mode 100644 (file)
index 0000000..e3bc9b6
--- /dev/null
+++ b/webapp/src/app/@theme/styles/pace.theme.scss
@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+ @mixin ngx-pace-theme() {
+
+  .pace .pace-progress {
+    background: nb-theme(color-fg-highlight);
+  }
+
+  .pace .pace-progress-inner {
+    box-shadow: 0 0 10px nb-theme(color-fg-highlight), 0 0 5px nb-theme(color-fg-highlight);
+  }
+
+  .pace .pace-activity {
+    display: none;
+    // border-top-color: nb-theme(color-fg-highlight);
+    // border-left-color: nb-theme(color-fg-highlight);
+  }
+}