From 888766df6eb55eef8a79f69c8ab9e25e818dbefc Mon Sep 17 00:00:00 2001
From: Geoff Doty <n2geoff@gmail.com>
Date: Sat, 23 Oct 2021 14:47:42 -0400
Subject: [PATCH] tweak buttons

---
 src/grayscale.css | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/grayscale.css b/src/grayscale.css
index 22844b8..108f2d8 100644
--- a/src/grayscale.css
+++ b/src/grayscale.css
@@ -209,16 +209,39 @@ button,input[type="submit"],input[type="reset"],select,textarea {
     width: 100%;
     border: 1px solid var(--theme);
     color: var(--theme);
-    background-color: var(--bg);
+    background: var(--bg);
     border-radius: var(--radius);
     padding: 0 var(--space);
     margin-bottom: var(--space);
     cursor: pointer;
 }
 
-input[type="submit"],input[type="reset"] {
-    background-color: var(--theme);
-    color: var(--bg);
+input[type="submit"],
+input[type="reset"] {
+    background: var(--theme);
+    color: var(--fg);
+    border: none;
+}
+
+input[type="reset"] {
+    color: var(--fg);
+    background: var(--bg);
+}
+
+button {
+    background: var(--gray);
+    border: none;
+    color: var(--fg);
+}
+
+button:hover,
+input[type="submit"]:hover,
+input[type="reset"]:hover {
+    background: var(--fg);
+    border-bottom: 1px solid var(--bg);
+    color: var(--theme);
+    font-weight: bold;
+    letter-spacing: .1rem;
 }
 
 select {