From 3470cf2a78204abceca917fb6506c6d659cc4139 Mon Sep 17 00:00:00 2001 From: killerbee Date: Thu, 15 Dec 2022 08:22:38 -0800 Subject: [PATCH] Improved readability of vote button --- app/javascript/styles/meemu-default.scss | 9 +++++++++ .../styles/meemu-purple-contrast-patch.css | 17 ++++++++++++++--- 2 files changed, 23 insertions(+), 3 deletions(-) diff --git a/app/javascript/styles/meemu-default.scss b/app/javascript/styles/meemu-default.scss index 962494a..e745a72 100644 --- a/app/javascript/styles/meemu-default.scss +++ b/app/javascript/styles/meemu-default.scss @@ -24,6 +24,15 @@ $ui-base-color: $classic-base-color; } */ +/* Vote button: CR 3.21 (AA for UI) */ +.button .button-secondary { + color: #fff; +} +/* Deactivated vote button: CR 5.04 (AA) */ +.button .button-secondary :deactivated { + opacity: 0.7; +} + /* Account view background: CR 11.84 (AAA) against white text * (Unknown variable, components.scss): .account__header { diff --git a/app/javascript/styles/meemu-purple-contrast-patch.css b/app/javascript/styles/meemu-purple-contrast-patch.css index d43683e..897157e 100644 --- a/app/javascript/styles/meemu-purple-contrast-patch.css +++ b/app/javascript/styles/meemu-purple-contrast-patch.css @@ -58,7 +58,7 @@ color: #fff; } -.icon-button.inverted, +.icon-button .inverted, .text-icon-button, .character-counter { color: #88588c; @@ -82,14 +82,25 @@ .button, .button .logo-button { /* background: #c870ff */ - background: #c363ff !important; + background: #c363ff !important; +} + +.button .button-secondary { + /* color: #9bcbed; */ + color: #fff; +} + +.button .button-secondary:disabled { + /* opacity: .5; */ + opacity: .7; } .status__content__spoiler-link { color: #fff; } + .spoiler-button__overlay__label { - background: rgba(0,0,0,.6); + background: rgba(0, 0, 0, .6); } @media screen and (min-width: 631px) {