diff --git a/resources/sass/fo/utilities/_variables.scss b/resources/sass/fo/utilities/_variables.scss index ac418d7..5e2800f 100644 --- a/resources/sass/fo/utilities/_variables.scss +++ b/resources/sass/fo/utilities/_variables.scss @@ -6,9 +6,9 @@ $color-success: #52bd00; $color-danger: #dc3545; $color-info: #5077b7; $color-warning: #f69f2d; -$color-primary: #ffd264; -$color-secondary: #e33f1c; -$color-tertiary: #b6d1da; +$color-primary: #b6d1da; +$color-secondary: #ffd264; +$color-tertiary: #e33f1c; $color-quad: #6e130a; $color-quint: #003a5d; diff --git a/resources/sass/fo/vendor/_cookie-notice.scss b/resources/sass/fo/vendor/_cookie-notice.scss index d79ad41..fda1162 100644 --- a/resources/sass/fo/vendor/_cookie-notice.scss +++ b/resources/sass/fo/vendor/_cookie-notice.scss @@ -4,13 +4,14 @@ --cs-primary-color: var(); } -$ck-primary-color: #ffd264 !default; -$ck-secondary-color: #e33f1c !default; +$ck-primary-color: $color-primary !default; +$ck-secondary-color: $color-secondary !default; +$ck-dark-color: $color-dark !default; $ck-background-color: #fff !default; $ck-list-background-color: #e4e4e4 !default; $ck-borders-color: #808080 !default; $ck-shadow-color: 0 0.1rem 1rem rgb(0 0 0 / 35%) !default; -$ck-title-font: 'Readex Pro', serif !default; +$ck-title-font: Sheldon, serif !default; $ck-title-line-height: inherit !default; $ck-title-size: 25px !default; $ck-text-font: 'Rufina', serif !default; @@ -65,7 +66,7 @@ $ck-w1-bgcolor-title: $ck-background-color; $ck-w1-font-family-title: $ck-title-font; $ck-w1-line-height-title: $ck-title-line-height; $ck-w1-font-size-title: $ck-title-size; -$ck-w1-color-title: $ck-secondary-color; +$ck-w1-color-title: $ck-dark-color; /* Text settings */ $ck-w1-font-family-txt: $ck-text-font; @@ -111,26 +112,19 @@ $breakpoint-mobile: 535px; align-items: center; justify-content: center; padding: 0; - background-color: text($cn-button-bg-color); - color: $cn-button-bg-color; + background-color: $ck-primary-color; + color: $ck-dark-color; font-family: $ck-text-font; font-size: 1rem; &:hover, &:focus { - background-color: color.adjust( - $color: $cn-button-bg-color, - $lightness: -10% - ); - color: text( - color.adjust($color: $cn-button-bg-color, $lightness: -10%) - ); + background-color: $ck-dark-color; + color: $ck-primary-color; } &:focus { - outline-color: text( - color.adjust($color: $cn-button-bg-color, $lightness: -10%) - ); + outline-color: $ck-primary-color; } }