Skip to content

Commit d1d49ff

Browse files
New $btn-link-focus-shadow-rgb for color modes customisation (#39119)
1 parent bde23ae commit d1d49ff

File tree

2 files changed

+2
-1
lines changed

2 files changed

+2
-1
lines changed

scss/_buttons.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -170,7 +170,7 @@
170170
--#{$prefix}btn-disabled-color: #{$btn-link-disabled-color};
171171
--#{$prefix}btn-disabled-border-color: transparent;
172172
--#{$prefix}btn-box-shadow: 0 0 0 #000; // Can't use `none` as keyword negates all values when used with multiple shadows
173-
--#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix(color-contrast($link-color), $link-color, 15%))};
173+
--#{$prefix}btn-focus-shadow-rgb: #{$btn-link-focus-shadow-rgb};
174174

175175
text-decoration: $link-decoration;
176176
@if $enable-gradients {

scss/_variables.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -843,6 +843,7 @@ $btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
843843
$btn-link-color: var(--#{$prefix}link-color) !default;
844844
$btn-link-hover-color: var(--#{$prefix}link-hover-color) !default;
845845
$btn-link-disabled-color: $gray-600 !default;
846+
$btn-link-focus-shadow-rgb: to-rgb(mix(color-contrast($link-color), $link-color, 15%)) !default;
846847

847848
// Allows for customizing button radius independently from global border radius
848849
$btn-border-radius: var(--#{$prefix}border-radius) !default;

0 commit comments

Comments
 (0)