1 files changed, 103 insertions, 0 deletions
diff --git a/meta-ibs/meta-cp2-5422/recipes-phosphor/webui/webui-vue/0072-IBS-custom-styles-_base.scss.patch b/meta-ibs/meta-cp2-5422/recipes-phosphor/webui/webui-vue/0072-IBS-custom-styles-_base.scss.patch
new file mode 100644
index 0000000000..a97a4f0510
--- /dev/null
+++ b/meta-ibs/meta-cp2-5422/recipes-phosphor/webui/webui-vue/0072-IBS-custom-styles-_base.scss.patch
@@ -0,0 +1,103 @@
+From bf9a66d5b998b439399e15feb957fbb90212011b Mon Sep 17 00:00:00 2001
+From: "Andrey V.Kosteltsev" <AKosteltsev@IBS.RU>
+Date: Tue, 28 Jun 2022 04:17:24 +0300
+Subject: [PATCH] IBS: custom styles _base.scss
+
+---
+ src/assets/styles/bmc/custom/_base.scss | 52 +++++++++++++++++--------
+ 1 file changed, 36 insertions(+), 16 deletions(-)
+
+diff --git a/src/assets/styles/bmc/custom/_base.scss b/src/assets/styles/bmc/custom/_base.scss
+index c11e046c..ae59da51 100644
+--- a/src/assets/styles/bmc/custom/_base.scss
++++ b/src/assets/styles/bmc/custom/_base.scss
+@@ -1,50 +1,70 @@
+-dt,
+-legend,
+-label {
+-  color: gray("800");
+-  font-size: 14px;
+-  font-weight: 400;
+-  line-height: 1.4285;
+-}
+ 
+ h1,
+ .h1 {
+-  font-size: 2.625rem;
+-  font-weight: 300;
++  font-size: 1.75rem !important;
++  font-weight: 700;
+   line-height: 1.238;
+ }
+ 
+ h2,
+ .h2 {
+-  font-size: 2.25rem;
+-  font-weight: 300;
++  font-size: 1.25rem !important;
++  font-weight: 500;
+   line-height: 1.3333;
+ }
+ 
+ h3,
+ .h3 {
+-  font-size: 1.75rem;
++  font-size: 1rem !important;
+   font-weight: 400;
+   line-height: 1.2857;
+ }
+ 
+ h4,
+ .h4 {
+-  font-size: 1.25rem;
++  font-size: 0.875rem !important;
+   font-weight: 400;
+   line-height: 1.3;
+ }
+ 
+ h5,
+ .h5 {
+-  font-size: 1rem;
++  font-size: 0.75rem !important;
+   font-weight: 500;
+   line-height: 1.375;
+ }
+ 
+ h6,
+ .h6 {
+-  font-size: 0.875rem;
++  font-size: 0.625rem !important;
+   font-weight: 500;
+   line-height: 1.2857;
+ }
++
++
++.nav-link--current{
++  background-color: $red-light-background !important;
++  color: $red !important;
++  &:hover,
++  &:focus {
++    background-color: $red-light-background !important;
++    color: $red !important;
++  }
++}
++
++.btn-link:active, .nav-link:active {
++  background-color: $red-light-background !important;
++  color: $red !important;
++}
++
++.app-header .navbar-text, .app-header .nav-link, .app-header .btn-link {
++  &:hover {
++    background-color: $red-40 !important;
++  }
++  &:active {
++    background-color: $red-active !important;
++  }
++  &:focus {
++    outline: 0;
++  }
++}
+-- 
+2.35.1
+