From f9a14ce3f03897345636dd70d3c3cba55ca529b7 Mon Sep 17 00:00:00 2001 From: Oliver-Akins Date: Sat, 15 Aug 2020 01:31:02 -0600 Subject: [PATCH] Add styling for disabled buttons. --- src/css/dark_theme.css | 2 ++ src/css/inputs.css | 7 +++++++ 2 files changed, 9 insertions(+) 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] {