[Dark Mode (alpha)] "close" button text in confirmation modal is invisible on hover and focus. UPD: almost every btn-default has same issue
Summary
Issue with Dark Mode (alpha) theme. "close" button text in confirmation modal is invisible on hover and focus
UPD: almost every btn-default has same issue
Screencast_from_2023-04-28_14-12-59
Steps to reproduce
- Change theme to "Dark Mode (alpha)" inside "Color theme".
- Go to User settings > GPG Keys
- Сlick on the trash icon to remove the key
- Hover or focus on "Close" button
Example Project
Every project.
What is the current bug behavior?
Invisible text on hover/focus
What is the expected correct behavior?
Visible text on hover/focus
Relevant logs and/or screenshots
text color is same as background color on button hover/focus
.gl-button.gl-button.btn-default:hover, .gl-button.gl-button.btn-dashed:hover, .gl-button.gl-button.btn-block.btn-default:hover, .gl-button.gl-button.btn-block.btn-dashed:hover {
box-shadow: inset 0 0 0 2px #737278, 0 2px 2px 0 rgba(0,0,0,0.08);
background: #333238;
}
.btn:hover, .btn:focus {
background-color: #ececef;
border-color: #dedee3;
color: #333238;
}
Output of checks
Possible fixes
Simply fixing the CSS should fix the issue
Edited by Aliyev Amirzhan