From 7c5e781ecf277ac2956f22859878b9789c3e4eb5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= <gael.poupard@orange.com>
Date: Tue, 21 Jul 2020 10:34:27 +0200
Subject: [PATCH] feat(colors): final adjustments for accessible orange
 handling

---
 scss/_variables.scss             | 2 +-
 scss/forms/_form-check.scss      | 4 ++--
 scss/helpers/_colored-links.scss | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 2f91eb60c4..3de8598805 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -797,7 +797,7 @@ $form-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !defaul
 
 $form-range-thumb-width:                   1rem !default;
 $form-range-thumb-height:                  $form-range-thumb-width !default;
-$form-range-thumb-bg:                      $component-active-color !default;
+$form-range-thumb-bg:                      $white !default;
 $form-range-thumb-border:                  $border-width solid $black !default;
 $form-range-thumb-border-radius:           50% !default;
 $form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;
diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss
index 52413666d3..a3b9b24689 100644
--- a/scss/forms/_form-check.scss
+++ b/scss/forms/_form-check.scss
@@ -243,7 +243,7 @@
 
   &:hover + .btn,
   + .btn:hover {
-    color: $primary;
+    color: $orange-2;
     background-color: $white;
     border-color: $gray-500;
   }
@@ -270,7 +270,7 @@
   &:active + .btn,
   + .btn:active,
   + .btn.active {
-    color: $white;
+    color: color-contrast($primary);
     background-color: $primary;
     // Remove CSS gradients if they're enabled
     background-image: if($enable-gradients, none, null);
diff --git a/scss/helpers/_colored-links.scss b/scss/helpers/_colored-links.scss
index 62fcc2996a..cb86516d25 100644
--- a/scss/helpers/_colored-links.scss
+++ b/scss/helpers/_colored-links.scss
@@ -1,4 +1,4 @@
-@each $color, $value in ("primary": $primary, "light": $light) { // Boosted mod: restrict to primary and light
+@each $color, $value in ("primary": $orange-2, "light": $light) { // Boosted mod: restrict to primary and light
   .link-#{$color} {
     color: $value;
     background-color: color-contrast($value); // Boosted mod: ensure contrast