From f91f8055fa368aefd3098a762b0c05a47db43342 Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Wed, 16 Dec 2020 08:51:59 -0500
Subject: [PATCH] Improve btn-white on dark mode

---
 scss/main.scss | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/scss/main.scss b/scss/main.scss
index 6730e2d..71701fa 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -1,16 +1,14 @@
 @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;
-  color: $gray-900 !important;
 
-  &.btn-sm {
-    padding: 0.2rem 0.25rem;
-  }
+  border-color: $gray-500;
+  background: $white;
+  color: $gray-900 !important;
 
   &:hover {
     background: $white;
@@ -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;
 }