From d1d49ffe1dc1bdcb75add03dcb8b67810599cd7d Mon Sep 17 00:00:00 2001 From: Giovanni Piller Cottrer <628799+giovannipiller@users.noreply.github.com> Date: Wed, 13 Sep 2023 09:18:07 +0200 Subject: [PATCH] New `$btn-link-focus-shadow-rgb` for color modes customisation (#39119) --- scss/_buttons.scss | 2 +- scss/_variables.scss | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/scss/_buttons.scss b/scss/_buttons.scss index cbc0784a4d..e14a184384 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -170,7 +170,7 @@ --#{$prefix}btn-disabled-color: #{$btn-link-disabled-color}; --#{$prefix}btn-disabled-border-color: transparent; --#{$prefix}btn-box-shadow: 0 0 0 #000; // Can't use `none` as keyword negates all values when used with multiple shadows - --#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix(color-contrast($link-color), $link-color, 15%))}; + --#{$prefix}btn-focus-shadow-rgb: #{$btn-link-focus-shadow-rgb}; text-decoration: $link-decoration; @if $enable-gradients { diff --git a/scss/_variables.scss b/scss/_variables.scss index 81fbde6518..5429c017e9 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -843,6 +843,7 @@ $btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default; $btn-link-color: var(--#{$prefix}link-color) !default; $btn-link-hover-color: var(--#{$prefix}link-hover-color) !default; $btn-link-disabled-color: $gray-600 !default; +$btn-link-focus-shadow-rgb: to-rgb(mix(color-contrast($link-color), $link-color, 15%)) !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: var(--#{$prefix}border-radius) !default;