From bd7de8d2dc34e96605a1185d2bca6538573a1ada Mon Sep 17 00:00:00 2001
From: Simon <spriet@salsify.com>
Date: Mon, 14 Nov 2022 16:57:31 +0100
Subject: [PATCH] redesign navbar to be less contrasted

---
 alkessian.less | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 alkessian.less

diff --git a/alkessian.less b/alkessian.less
new file mode 100644
index 0000000..2975833
--- /dev/null
+++ b/alkessian.less
@@ -0,0 +1,70 @@
+@-moz-document domain("alkemics.atlassian.net") {
+    /* Header itself */
+    header {
+        background-color: var(--ds-surface, white) !important;
+        color: var(--ds-text-subtlest, #42526e) !important;
+        font-family: "Charlie Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, "Droid Sans", "Helvetica Neue", sans-serif;
+        --icon-primary-color: var(--ds-text-subtlest, #42526e) !important;
+    }
+    /* Alkemics Logos */
+    header nav img {
+        filter: invert(1) hue-rotate(180deg);
+        max-width: 90px !important;
+        width: 28px;
+        height: 32px;
+        object-fit: none;
+        object-position: 45%;
+    }
+    header nav a:first-of-type {
+        margin-right: 0;
+        &:hover {
+            background-color: transparent;
+        }
+    }
+    /* Buttons */
+    header a,
+    header button {
+        background-color: transparent !important;
+        color: var(--ds-text-subtlest, #42526e) !important;
+        svg {
+            --icon-secondary-color: white;
+            transition: transform .2s;
+        }
+        &:hover {
+            color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
+            background-color: var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.1)) !important;
+        }
+        &[aria-expanded="true"] {
+            color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
+            background-color: var(--ds-background-neutral-pressed, hsla(216, 100%, 40%, 0.2)) !important;
+            svg {
+                transform: rotatex(0.5turn);
+            }
+        }
+        &#createGlobalItem {
+            border-radius: 2px;
+            &:hover {
+                outline: 3px solid var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.8));
+            }
+        }
+    }
+    /* Search box */
+    header input {
+        box-shadow: none !important;
+        outline: 1px solid rgba(66, 83, 110, 0.4) !important;
+        border: none !important;
+        border-radius:3px !important;
+        background-color: var(--ds-surface, white) !important;
+        &::placeholder {
+            color: var(--ds-text-subtlest, #42526e) !important;
+        }
+        &:hover:not(:focus) {
+            color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
+            background-color: var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.1)) !important;
+            outline: 3px solid hsla(216, 100%, 40%, 0.8) !important;
+        }
+        &:focus {
+            outline: 3px solid hsla(216, 100%, 40%, 0.8) !important;
+        }
+    }
+}
\ No newline at end of file