From 6517b7b9f02f8590a8f9c5aa04e3ef9efeb4e757 Mon Sep 17 00:00:00 2001 From: Claire Date: Fri, 25 Nov 2022 13:54:43 +0100 Subject: Fix pillbar buttons in light theme (#1972) * Simplify pillbar button design and make it more consistent with toggles * Fix pillbar buttons in light theme Fixes #1970 --- .../flavours/glitch/styles/mastodon-light/diff.scss | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'app/javascript/flavours/glitch/styles/mastodon-light') diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss index 6489c2f80..9fc1aed2a 100644 --- a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss +++ b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss @@ -712,6 +712,26 @@ html { // Glitch-soc-specific changes +.pillbar-button { + background: $ui-secondary-color; + + &:not([disabled]) { + &:hover, + &:focus { + background: darken($ui-secondary-color, 10%); + } + + &.active { + background-color: darken($ui-highlight-color, 2%); + + &:hover, + &:focus { + background: lighten($ui-highlight-color, 10%); + } + } + } +} + .glitch.local-settings { background: $ui-base-color; border: 1px solid lighten($ui-base-color, 8%); -- cgit