clermont-ici: modify theme colors (#57177)
This commit is contained in:
parent
d9f898fbf6
commit
aa0cab1228
|
@ -4,6 +4,7 @@
|
|||
h1 {
|
||||
font-size: $fz-h1;
|
||||
text-transform: uppercase;
|
||||
color: $orange;
|
||||
}
|
||||
h2 {
|
||||
font-size: $fz-h2;
|
||||
|
@ -44,7 +45,8 @@ p {
|
|||
&, &:hover {
|
||||
background-image: none;
|
||||
background-color: $beige;
|
||||
border-color: $font-color;
|
||||
color: $orange;
|
||||
border-color: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -155,7 +157,8 @@ body.hide-navigation .site-nav {
|
|||
.nav--title {
|
||||
@extend .nav-btn;
|
||||
text-transform: uppercase;
|
||||
background-color: white;
|
||||
background-color: hsla(0, 0%, 100%, 0.9);
|
||||
color: $font-color;
|
||||
vertical-align: top;
|
||||
}
|
||||
div.gru-nav ul {
|
||||
|
@ -173,7 +176,7 @@ div.gru-nav ul {
|
|||
@extend .nav-btn;
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
background-color: $orange-light;
|
||||
background-color: adjust-color($nav-item-selected-background, $alpha:-0.3);
|
||||
}
|
||||
&.selected a, a:hover {
|
||||
font-weight: bold;
|
||||
|
@ -263,15 +266,19 @@ div.gru-nav ul {
|
|||
.centered-orange-cell {
|
||||
@extend .centered-cell;
|
||||
.gru-content &.cell {
|
||||
color: black;
|
||||
background: gradient-ro(135deg);
|
||||
color: white;
|
||||
background: gradient-ro(150deg);
|
||||
background-size: 200%;
|
||||
border: none;
|
||||
|
||||
h2:first-child {
|
||||
color: inherit;
|
||||
}
|
||||
form {
|
||||
input, select {
|
||||
color: black;
|
||||
background-color: transparent;
|
||||
border-color: currentColor;
|
||||
filter: invert(100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -280,10 +287,11 @@ div.gru-nav ul {
|
|||
$image-width: 2.5rem;
|
||||
.gru-content &.cell {
|
||||
h2:first-child {
|
||||
font-weight: normal;
|
||||
font-weight: 600;
|
||||
font-size: 1rem;
|
||||
text-align: left;
|
||||
padding-left: $image-width + 2;
|
||||
color: $font-color;
|
||||
}
|
||||
|
||||
&.foldable {
|
||||
|
@ -388,9 +396,11 @@ div.gru-nav ul {
|
|||
|
||||
&, &.orange {
|
||||
background-color: $orange;
|
||||
color: white;
|
||||
}
|
||||
&.beige {
|
||||
background-color: $beige;
|
||||
color: $orange;
|
||||
}
|
||||
}
|
||||
&--link {
|
||||
|
@ -399,7 +409,7 @@ div.gru-nav ul {
|
|||
align-items: center;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
color: black;
|
||||
color: inherit;
|
||||
padding: 0 1.5em;
|
||||
&, &:hover {
|
||||
background-color: inherit;
|
||||
|
@ -497,6 +507,7 @@ div#tracking-code {
|
|||
background: none;
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
color: $font-color;
|
||||
}
|
||||
a {
|
||||
font-size: 1rem;
|
||||
|
@ -511,6 +522,9 @@ div#rub_service {
|
|||
font-size: $fz-h2;
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
h2:first-child {
|
||||
color: $font-color;
|
||||
}
|
||||
}
|
||||
|
||||
div.buttons .cancel-button button {
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
// colors
|
||||
$orange: #FF8001;
|
||||
$orange: #FD6200;
|
||||
$orange-light: #f6ad65;
|
||||
$red: #EA0142;
|
||||
$red: #D80200;
|
||||
$beige: #FFF7EF;
|
||||
$gray-dark: #555;
|
||||
$gray-dark: #555554;
|
||||
$gray-light: #E9E9E9;
|
||||
$gray: #D2D6DE;
|
||||
$green-light: #BFE4C4;
|
||||
|
@ -30,7 +30,7 @@ $logos-demarche: (
|
|||
// Core vars
|
||||
$primary-color: $orange;
|
||||
$border-radius: 20px;
|
||||
$font-color: black;
|
||||
$font-color: $gray-dark;
|
||||
$link-color: $red;
|
||||
$font-family: montserrat, sans-serif;
|
||||
$font-size: 93.75%;
|
||||
|
@ -43,7 +43,7 @@ $sidebar-columns-gutter: 40px;
|
|||
|
||||
$nav-border-radius: 0;
|
||||
$nav-background: transparent;
|
||||
$nav-color: $font-color;
|
||||
$nav-color: white;
|
||||
$nav-menu-color: $nav-color;
|
||||
$nav-active-color: $nav-color;
|
||||
$nav-item-selected-background: $orange;
|
||||
|
@ -54,6 +54,7 @@ $title-font-size: $fz-h3;
|
|||
$title-transform: uppercase;
|
||||
$title-weight: 700;
|
||||
$title-background: $beige;
|
||||
$title-color: $orange;
|
||||
$title-padding: 1.25em 1rem !default;
|
||||
$title-border-bottom: 1px solid $font-color;
|
||||
|
||||
|
@ -68,7 +69,7 @@ $cell-entry-border-color: $gray-dark;
|
|||
$cell-entry-hover-background: $beige;
|
||||
|
||||
$button-background: $orange;
|
||||
$button-color: $font-color;
|
||||
$button-color: white;
|
||||
$button-border-radius: $border-radius / 2;
|
||||
|
||||
$widget-unique-checkbox-position: left;
|
||||
|
@ -77,10 +78,12 @@ $widget-border-radius: 5px;
|
|||
|
||||
$wcs-steps-small-layout-limit: $mobile-limit;
|
||||
$wcs-steps-spacing: .33rem;
|
||||
$wcs-step-color: $gray-dark;
|
||||
$wcs-step-current-color: $font-color;
|
||||
$wcs-step-color: $font-color;
|
||||
$wcs-step-current-color: $wcs-step-color;
|
||||
$wcs-step-border-bottom: none;
|
||||
$wcs-step-marker-background: $orange-light;
|
||||
$wcs-step-marker-color: white;
|
||||
$wcs-step-current-marker-color: white;
|
||||
$wcs-step-current-marker-background: gradient-ro(-45deg);
|
||||
$wcs-step-marker-type: disc tied;
|
||||
$wcs-step-marker-tie-width: 2px;
|
||||
|
|
Loading…
Reference in New Issue