ui: Make 'dangerous' buttons have white text even in dark theme (#11756)

3 years ago · 340a0e03f5
1 changed files with 5 additions and 0 deletions
--- a/ui/packages/consul-ui/app/styles/themes.scss
+++ b/ui/packages/consul-ui/app/styles/themes.scss
@ -9,6 +9,11 @@
 %main-nav-horizontal {
  @extend %theme-dark;
 }
+%main-nav-horizontal .dangerous button:hover,
+%main-nav-horizontal .dangerous button:focus {
+  color: rgb(var(--white)) !important;
+}
+
 %main-nav-vertical .menu-panel a:hover,
 %main-nav-vertical .menu-panel a:focus {
  background-color: rgb(var(--tone-blue-500));