From d471735cca6db5eb01112f131abe0c37f0234513 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Thu, 7 Oct 2021 21:05:08 +0100
Subject: [PATCH] Update colours to have blue hue, correct radio focus

---
 war/src/main/less/abstracts/theme.less | 12 ++++++------
 war/src/main/less/modules/form.less    |  4 +++-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/war/src/main/less/abstracts/theme.less b/war/src/main/less/abstracts/theme.less
index 615ca98ebe05..13c604fa1741 100644
--- a/war/src/main/less/abstracts/theme.less
+++ b/war/src/main/less/abstracts/theme.less
@@ -28,7 +28,7 @@
   --focus-btn-primary: fade(#0b6aa2, 50%);
   --focus-btn-secondary: fade(#0b6aa2, 50%);
   --focus-btn-danger: fade(#cc0003, 50%);
-  --focus-input-border: fade(#093853, 100%);
+  --focus-input-border: #063F61;
   --focus-input-glow: fade(#0b6aa2, 25%);
 
   // State colors
@@ -140,9 +140,9 @@
   --btn-large-font-size: var(--font-size-sm);
   --btn-large-line-height: 1.25rem;
   // Button primary
-  --btn-primary-bg: #093853;
-  --btn-primary-bg-hover: #0e4869;
-  --btn-primary-bg-active: #134f72;
+  --btn-primary-bg: #063F61;
+  --btn-primary-bg-hover: lighten(#063F61, 7.5%);
+  --btn-primary-bg-active: lighten(#063F61, 12%);
   // Button primary
   --btn-secondary-color: var(--secondary);
   --btn-secondary-bg: var(--btn-text-color);
@@ -242,8 +242,8 @@
 
   // Form
   --input-color: var(--white);
-  --input-border: #ccc;
-  --input-border-hover: #888;
+  --input-border: #C3CCD1;
+  --input-border-hover: #5C7889;
   --input-hidden-password-bg-color: #f9f9f9;
 
   // Pop out menus
diff --git a/war/src/main/less/modules/form.less b/war/src/main/less/modules/form.less
index f51d8b92256a..cfe9c9ca53e0 100644
--- a/war/src/main/less/modules/form.less
+++ b/war/src/main/less/modules/form.less
@@ -213,6 +213,8 @@
   }
 
   &__input:focus + &__label:before, &__input:active + &__label:before {
+    border-width: 8px;
+    border-color: var(--focus-input-border);
     box-shadow: 0 0 0 5px var(--focus-input-glow);
   }
 
@@ -292,7 +294,7 @@
     }
 
     &::after {
-      border-bottom: 2px solid #0b6aa2;
+      border-bottom: 2px solid var(--btn-primary-bg);
       opacity: 0.1;
     }
   }