diff --git a/src/css/dark_theme.css b/src/css/dark_theme.css index 6688a21..c23335b 100644 --- a/src/css/dark_theme.css +++ b/src/css/dark_theme.css @@ -32,7 +32,9 @@ --input-active-border: var(--accent2); --button-background: var(--spotify-green); + --button-disabled-background: #09682a; --button-text: var(--spotify-black); + --button-disabled-text: var(--spotify-black); --textarea-background: var(--spotify-black); --textarea-text-colour: var(--spotify-green); diff --git a/src/css/inputs.css b/src/css/inputs.css index 048a91b..505058c 100644 --- a/src/css/inputs.css +++ b/src/css/inputs.css @@ -9,6 +9,13 @@ button { outline: none; } button:hover { cursor: pointer; } +button[disabled] { + background-color: var(--button-disabled-background); + color: var(--button-disabled-text); +} +button[disabled]:hover { + cursor: default; +} input[type=number] {