Improve btn-white on dark mode

master 0.11.17
Drew DeVault 2 years ago
parent 64cd1e0443
commit f91f8055fa
  1. 23
      scss/main.scss

@ -1,17 +1,15 @@
@import "base";
$darker: darken($gray-900, 6);
.btn-white {
@extend .btn;
background: $white;
padding: 0.25rem 0;
font-size: 0.9rem;
border-color: $gray-500;
background: $white;
color: $gray-900 !important;
&.btn-sm {
padding: 0.2rem 0.25rem;
}
&:hover {
background: $white;
color: $black !important;
@ -19,6 +17,21 @@
border-color: $gray-900;
}
@media(prefers-color-scheme: dark) {
background: $darker;
color: $white !important;
&:hover {
background: $gray-900;
color: $white !important;
border-color: $gray-400;
}
}
&.btn-sm {
padding: 0.2rem 0.25rem;
}
transition: border-color 0.2s linear;
}

Loading…
Cancel
Save