Update colours to have blue hue, correct radio focus

janfaracik · Oct 7, 2021 · d471735 · d471735
1 parent f2149db
commit d471735
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git 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
@@ -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;
     }
   }