diff --git a/src/css/inputs.css b/src/css/inputs.css index 505058c..eb4c0f9 100644 --- a/src/css/inputs.css +++ b/src/css/inputs.css @@ -8,7 +8,10 @@ button { font-size: larger; outline: none; } -button:hover { cursor: pointer; } +button:hover { + background-color: var(--button-hover-background); + cursor: pointer; +} button[disabled] { background-color: var(--button-disabled-background); color: var(--button-disabled-text); diff --git a/src/css/theme/dark.css b/src/css/theme/dark.css index f02912d..bd15283 100644 --- a/src/css/theme/dark.css +++ b/src/css/theme/dark.css @@ -38,6 +38,7 @@ --input-text: var(--spotify-green); --input-active-border: var(--accent2); + --button-hover-background: var(--accent2); --button-background: var(--spotify-green); --button-disabled-background: #09682a; --button-text: var(--spotify-black);