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}