Merge pull request #133 from froschdesign/hotfix/colour-contrasts

froschdesign · web-flow · commit c1a66694ca83 · 2021-12-22T14:39:37.000+01:00
Improves colour contrast for links in header, breadcrumb and component selector
diff --git a/asset/sass/_settings.scss b/asset/sass/_settings.scss
@@ -76,16 +76,12 @@ $blockquote-font-size: $font-size-base;
 $border-radius-base: 0;
 
 // Navbar
-$navbar-default-color: $header-footer-font-color;
-$navbar-default-bg: $brand-primary;
+$navbar-dark-color: $header-footer-font-color;
+$navbar-dark-hover-color: white;
+$navbar-dark-active-color: $link-color;
 
-$navbar-default-link-color: $header-footer-font-color;
-$navbar-default-link-hover-color: white;
-$navbar-default-link-hover-bg: darken($brand-primary, 10%);
-$navbar-default-link-active-color: $link-color;
-
-$navbar-default-brand-color: $link-color;
-$navbar-default-brand-hover-color: $header-footer-font-color;
+$navbar-dark-brand-color: $link-color;
+$navbar-dark-brand-hover-color: $header-footer-font-color;
 
 $navbar-margin-bottom: 0;
 
diff --git a/asset/sass/blocks/_breadcrumb.scss b/asset/sass/blocks/_breadcrumb.scss
@@ -1,5 +1,4 @@
 nav[aria-label="breadcrumb"] {
-    color : $text-color-reduced;
     order : -3;
 
     @include media-breakpoint-down(sm) {
diff --git a/asset/sass/blocks/_choices.scss b/asset/sass/blocks/_choices.scss
@@ -41,5 +41,4 @@
 
 .choices__packagename {
     font-size: $font-size-small;
-    color: $text-color-secondary;
 }
diff --git a/asset/sass/blocks/_header.scss b/asset/sass/blocks/_header.scss
@@ -25,7 +25,7 @@
     }
 
     &__link {
-        color: white;
+        color: black;
         font-size: 15px;
         display: inline-block;
         padding: map_get($spacers, 1) 0 0 map_get($spacers, 3);
diff --git a/css/styles.css b/css/styles.css

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`nav[aria-label="breadcrumb"] {`
`2`		`- color : $text-color-reduced;`
`3`	`2`	`order : -3;`
`4`	`3`
`5`	`4`	`@include media-breakpoint-down(sm) {`
Original file line number	Diff line number	Diff line change
`@@ -41,5 +41,4 @@`
`41`	`41`
`42`	`42`	`.choices__packagename {`
`43`	`43`	`font-size: $font-size-small;`
`44`		`- color: $text-color-secondary;`
`45`	`44`	`}`
Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`&__link {`
`28`		`- color: white;`
	`28`	`+ color: black;`
`29`	`29`	`font-size: 15px;`
`30`	`30`	`display: inline-block;`
`31`	`31`	`padding: map_get($spacers, 1) 0 0 map_get($spacers, 3);`