From 51461bdc128ad20f27055b2b1c2a6376f81c70d7 Mon Sep 17 00:00:00 2001
From: "louismaxime.piton" <louismaxime.piton@orange.com>
Date: Wed, 4 Oct 2023 08:59:56 +0200
Subject: [PATCH] Add focus on color mode

---
 scss/_root.scss           | 3 +++
 scss/_variables-dark.scss | 3 +++
 scss/_variables.scss      | 4 ++--
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/scss/_root.scss b/scss/_root.scss
index 2dd0baf72e..0064f39b41 100644
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -204,6 +204,9 @@
     --#{$prefix}border-color: #{$border-color-dark};
     --#{$prefix}border-color-translucent: #{$border-color-translucent-dark};
 
+    --#{$prefix}focus-visible-inner-color: #{$focus-visible-inner-color-dark}; // Boosted mod
+    --#{$prefix}focus-visible-outer-color: #{$focus-visible-outer-color-dark}; // Boosted mod
+
     --#{$prefix}form-valid-color: #{$form-valid-color-dark};
     --#{$prefix}form-valid-border-color: #{$form-valid-border-color-dark};
     --#{$prefix}form-invalid-color: #{$form-invalid-color-dark};
diff --git a/scss/_variables-dark.scss b/scss/_variables-dark.scss
index 2af760eccb..dc93a2d330 100644
--- a/scss/_variables-dark.scss
+++ b/scss/_variables-dark.scss
@@ -89,6 +89,9 @@ $code-color-dark:                   tint-color($code-color, 40%) !default;
 $mark-color-dark:                   $black !default; // Boosted mod: instead of `$body-color-dark`
 $mark-bg-dark:                      $white !default; // Boosted mod: instead of `$yellow-800`
 
+$focus-visible-inner-color-dark:    $black !default; // Boosted mod
+$focus-visible-outer-color-dark:    $white !default; // Boosted mod
+
 //
 // Forms
 //
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 559d211365..ab087b5c07 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -650,11 +650,11 @@ $outline-offset:              $outline-width !default; // Deprecated in v5.2.3
 $focus-visible-zindex:                5 !default; // Boosted mod
 
 $focus-visible-inner-width:           2px !default; // Boosted mod
-$focus-visible-inner-color:           var(--#{$prefix}body-bg) !default; // Boosted mod
+$focus-visible-inner-color:           $white !default; // Boosted mod
 
 $focus-visible-outer-width:           3px !default;  // Boosted mod
 $focus-visible-outer-offset:          $focus-visible-inner-width !default; // Boosted mod
-$focus-visible-outer-color:           var(--#{$prefix}emphasis-color) !default; // Boosted mod
+$focus-visible-outer-color:           $black !default; // Boosted mod
 // scss-docs-end focus-visible-variables
 
 // scss-docs-start box-shadow-variables