basic customization

app/assets/stylesheets/_consul_custom_overrides.scss

@@ -10,3 +10,10 @@
 //
 // The variables you can override are defined in the
 // `_settings.scss` and `_consul_settings.scss` files.
+
+// $brand: #ffffff;
+$main-header: #ffffff;
+$brand: #000000;
+$brand-secondary: #003d1e;
+$topbar-background: #003d1e;
+$button-background-hover: $brand;

app/assets/stylesheets/application.scss

@@ -1,3 +1,4 @@
+@import "consul_custom_overrides";
 @import "mixins_and_variables";
 @import "fonts";
 @import "icons";

app/assets/stylesheets/custom.scss

@@ -2,3 +2,50 @@
 //
 // You can also create SCSS files in the app/assets/stylesheets/custom/
 // folder and they will be loaded automatically.
+
+.locale {
+  .locale-form {
+    select {
+      background: #000000;
+      color: color-pick-contrast(#000000);
+    }
+  }
+}
+
+.subnavigation {
+  @include breakpoint(small only) {
+    li {
+      a,
+      .button {
+        width: 100%;
+      }
+    }
+  }
+}
+
+.account-menu.menu {
+  li {
+    @include breakpoint(small only) {
+      a,
+      .button {
+        width: 100%;
+      }
+    }
+    .button {
+      background: #fbe116;
+      color: $black;
+    }
+    a,
+    .button {
+      font-weight: 600;
+    }
+  }
+}
+
+.auth-page {
+  .auth-image {
+    background-image: none !important;
+    background: $white;
+    border-right: 2px solid $brand-secondary;
+  }
+}