New dashboard look & feel

[src/xds/xds-agent.git] / webapp / src / app / @theme / components / theme-settings / theme-settings.component.scss

diff --git a/webapp/src/app/@theme/components/theme-settings/theme-settings.component.scss b/webapp/src/app/@theme/components/theme-settings/theme-settings.component.scss
new file mode 100644 (file)
index 0000000..4a0a93e
--- /dev/null
+++ b/webapp/src/app/@theme/components/theme-settings/theme-settings.component.scss
@@ -0,0 +1,36 @@
+@import '../../styles/themes';
+
+@include nb-install-component() {
+  h6 {
+    margin-bottom: 0.5rem;
+  }
+
+  .settings-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+
+    width: 90%;
+    margin: 0 0 1rem;
+
+    a {
+      text-decoration: none;
+      font-size: 2.25rem;
+
+      color: nb-theme(color-fg);
+
+      &.selected {
+        color: nb-theme(color-success);
+      }
+
+      @include nb-for-theme(cosmic) {
+        &.selected {
+          color: nb-theme(link-color);
+        }
+      }
+    }
+  }
+}
+