From 6b73ccbfeb4dd2bab907e6226e0655de99a56e13 Mon Sep 17 00:00:00 2001
From: Maksim Zakharov <m.zakharov@IBS.RU>
Date: Thu, 28 Apr 2022 15:28:17 +0300
Subject: restyled header and add subheader

---
 src/assets/styles/bmc/custom/_buttons.scss    | 12 ++++++------
 src/assets/styles/bmc/helpers/_colors.scss    | 11 +++++++----
 src/assets/styles/bmc/helpers/_variables.scss |  3 ++-
 3 files changed, 15 insertions(+), 11 deletions(-)

(limited to 'src/assets/styles/bmc')

diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss
index 210aef90..5b0d1e31 100644
--- a/src/assets/styles/bmc/custom/_buttons.scss
+++ b/src/assets/styles/bmc/custom/_buttons.scss
@@ -21,7 +21,7 @@
 }
 
 .btn-primary {
-  background-color: $button-colour;
+  background-color: $button-color;
   border-radius: 8px;
   border: none;
   font-family: Inter;
@@ -30,23 +30,23 @@
   font-size: 16px;
   line-height: 20px;
   &:hover {
-    background-color: $button-colour-hover;
+    background-color: $button-color-hover;
   }
   &:not(:disabled):not(.disabled):active:focus,
   &:focus-visible {
     border: none;
     box-shadow: none;
-    background-color: $button-colour-click;
+    background-color: $button-color-click;
   }
   &:focus {
     border: none;
-    box-shadow: none;
-    background-color: $button-colour;
+    box-shadow: 0px 0px 0px 4px rgba(225, 23, 23, 0.5);
+    background-color: $button-color;
   }
   &:active {
     border: none;
     box-shadow: none;
-    background-color: $button-colour;
+    background-color: $button-color;
   }
 }
 
diff --git a/src/assets/styles/bmc/helpers/_colors.scss b/src/assets/styles/bmc/helpers/_colors.scss
index 4e9dd738..d6412140 100644
--- a/src/assets/styles/bmc/helpers/_colors.scss
+++ b/src/assets/styles/bmc/helpers/_colors.scss
@@ -45,8 +45,11 @@ $text-h1-color: #0C1C29;
 $input-background:  rgba(26, 62, 91, 0.05);
 $input-background-hover:  rgba(20, 39, 53, 0.103);
 
-$button-colour: #E11717;
-$button-colour-hover: #cc1414;
-$button-colour-active: #df2323;
-$button-colour-click:  rgb(114, 1, 1);
+$button-color: #E11717;
+$button-color-hover: #FC2A2A;
+$button-color-active: #df2323;
+$button-color-disabled: #E17171;
+$button-color-click:  #C71414;
+
+$nav-link-bg: rgba(225, 23, 23, 0.4);
 
diff --git a/src/assets/styles/bmc/helpers/_variables.scss b/src/assets/styles/bmc/helpers/_variables.scss
index ba32e3bd..0c8763b0 100644
--- a/src/assets/styles/bmc/helpers/_variables.scss
+++ b/src/assets/styles/bmc/helpers/_variables.scss
@@ -7,7 +7,8 @@ $transition-collapse:         height $duration--slow-01 $standard-easing--expres
 
 // OpenBMC Custom Variables
 $responsive-layout-bp: lg;
-$header-height: 48px;
+$top-header-height: 56px;
+$header-height: 95px;
 $navigation-width: 300px;
 $form-label-font-size: .875rem;
 $form-line-height: 1.25rem;
-- 
cgit v1.2.3