Fix missing dark mode overrides when in keyboard mode
This commit is contained in:
parent
a7f87bde64
commit
a7854c6083
1 changed files with 24 additions and 35 deletions
|
@ -2285,17 +2285,15 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
|
|||
outline: none;
|
||||
padding: 5px;
|
||||
|
||||
@include keyboard-mode {
|
||||
&:focus {
|
||||
@include light-theme {
|
||||
@include keyboard-mode {
|
||||
background-color: $color-gray-02;
|
||||
}
|
||||
@include dark-theme {
|
||||
@include dark-keyboard-mode {
|
||||
background-color: $color-gray-80;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Module: Group Notification
|
||||
|
||||
|
@ -3313,17 +3311,15 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
|
|||
|
||||
outline: none;
|
||||
|
||||
@include keyboard-mode {
|
||||
&:focus {
|
||||
@include light-theme {
|
||||
@include keyboard-mode {
|
||||
background-color: $color-gray-15;
|
||||
}
|
||||
@include dark-theme {
|
||||
@include dark-keyboard-mode {
|
||||
background-color: $color-gray-75;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.module-media-gallery__tab--active {
|
||||
border-bottom: 2px solid $ultramarine-ui-light;
|
||||
|
@ -9242,20 +9238,15 @@ button.module-image__border-overlay:focus {
|
|||
@include color-svg('../images/icons/v2/x-24.svg', $color-gray-05);
|
||||
}
|
||||
|
||||
@include keyboard-mode {
|
||||
&:focus {
|
||||
@include light-theme {
|
||||
@include color-svg(
|
||||
'../images/icons/v2/x-24.svg',
|
||||
$ultramarine-ui-light
|
||||
);
|
||||
@include keyboard-mode {
|
||||
@include color-svg('../images/icons/v2/x-24.svg', $ultramarine-ui-light);
|
||||
}
|
||||
@include dark-theme {
|
||||
@include dark-keyboard-mode {
|
||||
@include color-svg('../images/icons/v2/x-24.svg', $ultramarine-ui-dark);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.module-shortcut-guide__section-header {
|
||||
@include font-body-1-bold;
|
||||
|
@ -9293,16 +9284,14 @@ button.module-image__border-overlay:focus {
|
|||
min-height: 40px;
|
||||
outline: none;
|
||||
|
||||
@include keyboard-mode {
|
||||
&:focus {
|
||||
@include light-theme {
|
||||
@include keyboard-mode {
|
||||
background-color: $color-gray-05;
|
||||
}
|
||||
@include dark-theme {
|
||||
@include dark-keyboard-mode {
|
||||
background-color: $color-gray-90;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include light-theme {
|
||||
border-bottom: 1px solid $color-gray-05;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue