diff options
| author | Henry Jameson <me@hjkos.com> | 2020-02-17 23:43:56 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-02-17 23:43:56 +0200 |
| commit | 3b3a31b461b9c543697e9b8cb45c39430e9c8555 (patch) | |
| tree | 9c7eb75fa7e3827811521a763908325be98835e8 /src/App.scss | |
| parent | 5c6046ea0aaa13c492ff1f5b7b05ab497b614570 (diff) | |
improve the display of disabled buttons
Diffstat (limited to 'src/App.scss')
| -rw-r--r-- | src/App.scss | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/src/App.scss b/src/App.scss index 7dfbdb7d..89aa3215 100644 --- a/src/App.scss +++ b/src/App.scss @@ -104,7 +104,11 @@ button { color: $fallback--text; color: var(--btnPressedText, $fallback--text); background-color: $fallback--fg; - background-color: var(--btnPressed, $fallback--fg) + background-color: var(--btnPressed, $fallback--fg); + i { + color: $fallback--text; + color: var(--btnPressedText, $fallback--text); + } } &:disabled { @@ -112,7 +116,11 @@ button { color: $fallback--text; color: var(--btnDisabledText, $fallback--text); background-color: $fallback--fg; - background-color: var(--btnDisabled, $fallback--fg) + background-color: var(--btnDisabled, $fallback--fg); + i { + color: $fallback--text; + color: var(--btnDisabledText, $fallback--text); + } } &.toggled { @@ -122,6 +130,10 @@ button { background-color: var(--btnToggled, $fallback--fg); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.2) inset; box-shadow: var(--buttonPressedShadow); + i { + color: $fallback--text; + color: var(--btnToggledText, $fallback--text); + } } &.danger { |