From ae376972d99a4124b2319fe2f198c3f51296d38a Mon Sep 17 00:00:00 2001
From: Daniel Flanagan <daniel@lyte.dev>
Date: Fri, 18 Dec 2020 10:01:32 -0600
Subject: [PATCH] Fix button styles

---
 src/stylus/core.styl  |  2 +-
 src/stylus/theme.styl | 20 ++++++++++++++------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/stylus/core.styl b/src/stylus/core.styl
index e144ff6..1d353b6 100644
--- a/src/stylus/core.styl
+++ b/src/stylus/core.styl
@@ -63,7 +63,7 @@ body
 			color var(--fg)
 
 			&:visited { color: var(--fg) }
-			&:hover { background: rgba(255, 255, 255, 0.1) }
+			&:hover { background: var(--header-hover-bg) }
 			&> img { max-width: 48px }
 			&> h1
 				font-weight 300
diff --git a/src/stylus/theme.styl b/src/stylus/theme.styl
index dbecb50..ae252a3 100644
--- a/src/stylus/theme.styl
+++ b/src/stylus/theme.styl
@@ -27,8 +27,6 @@ dark-syntax = {
 theme-colors = {
 	heading-fg: #333,
 	icon-shadow: #fff,
-	input-bg: rgba(0, 0, 0, 0.08),
-	input-hover-bg: rgba(0, 0, 0, 0.16),
 	link-visited-fg: #666,
 	link-fg: #000,
 }
@@ -39,10 +37,6 @@ theme-colors = {
 	--msff ldiosevka, monospace
 	--pc #df3c59
 	--pcd #8e293b
-	--input-focus-bg var(--input-bg)
-	--button-bg var(--input-bg)
-	--button-hover-bg var(--input-hover-bg)
-	--button-focus-bg var(--input-bg)
 
 light-theme =
 	for k, v in light-syntax
@@ -51,8 +45,15 @@ light-theme =
 		{unquote("--" + k2)}: v2
 	--bg #fff
 	--header-bg #eee
+	--header-hover-bg #ddd
 	--fg #111
 	--inline-code-bg #ddd
+	--input-bg rgba(0, 0, 0, 0.08)
+	--input-hover-bg rgba(0, 0, 0, 0.16)
+	--input-focus-bg var(--input-bg)
+	--button-bg var(--input-bg)
+	--button-hover-bg var(--input-hover-bg)
+	--button-focus-bg var(--input-bg)
 
 dark-theme =
 	for k, v in dark-syntax
@@ -61,9 +62,16 @@ dark-theme =
 		{unquote("--" + k2)}: invert(v2)
 	--bg #111
 	--header-bg #191919
+	--header-hover-bg #333
 	--fg #fff
 	--link-visited-fg #aaa
 	--inline-code-bg #222
+	--input-bg rgba(255, 255, 255, 0.08)
+	--input-hover-bg rgba(255, 255, 255, 0.16)
+	--input-focus-bg var(--input-bg)
+	--button-bg var(--input-bg)
+	--button-hover-bg var(--input-hover-bg)
+	--button-focus-bg var(--input-bg)
 
 :root, body.light-theme
 	{light-theme}