Add styling for disabled buttons.
This commit is contained in:
parent
3b6362fed1
commit
f9a14ce3f0
2 changed files with 9 additions and 0 deletions
|
|
@ -32,7 +32,9 @@
|
||||||
--input-active-border: var(--accent2);
|
--input-active-border: var(--accent2);
|
||||||
|
|
||||||
--button-background: var(--spotify-green);
|
--button-background: var(--spotify-green);
|
||||||
|
--button-disabled-background: #09682a;
|
||||||
--button-text: var(--spotify-black);
|
--button-text: var(--spotify-black);
|
||||||
|
--button-disabled-text: var(--spotify-black);
|
||||||
|
|
||||||
--textarea-background: var(--spotify-black);
|
--textarea-background: var(--spotify-black);
|
||||||
--textarea-text-colour: var(--spotify-green);
|
--textarea-text-colour: var(--spotify-green);
|
||||||
|
|
|
||||||
|
|
@ -9,6 +9,13 @@ button {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
button:hover { cursor: pointer; }
|
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] {
|
input[type=number] {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue