summaryrefslogtreecommitdiff
path: root/src/assets/styles
diff options
context:
space:
mode:
Diffstat (limited to 'src/assets/styles')
-rw-r--r--src/assets/styles/bmc/custom/_buttons.scss12
-rw-r--r--src/assets/styles/bmc/helpers/_colors.scss11
-rw-r--r--src/assets/styles/bmc/helpers/_variables.scss3
3 files changed, 15 insertions, 11 deletions
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;