From 58369d42a2880071f5c902ff79fda67325ba0a37 Mon Sep 17 00:00:00 2001 From: Leonardo Merlin Date: Thu, 26 Nov 2015 14:53:35 -0200 Subject: [PATCH] a11y: improve contrast --- src/app/components/proposal-box/proposal-box.scss | 6 ++++++ src/app/index.scss | 11 +++++++---- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/src/app/components/proposal-box/proposal-box.scss b/src/app/components/proposal-box/proposal-box.scss index 1a780e9..56d6241 100644 --- a/src/app/components/proposal-box/proposal-box.scss +++ b/src/app/components/proposal-box/proposal-box.scss @@ -5,6 +5,8 @@ margin-bottom: 20px; position: relative; + .contraste & { background-color: #000 !important; outline: 1px solid #eee; } + &.focus { border: 7px solid #000; border-radius: 12px; @@ -54,12 +56,16 @@ &--share { padding: 15px 0; background-color: #e8e8e8; + + .contraste & { background-color: #000 !important; outline: 1px solid #eee; } } &--ranking { font-weight: bold; padding: 10px 0; background-color: #dadada; + + .contraste & { background-color: #111 !important; outline: 1px solid #eee; } } .action-label { diff --git a/src/app/index.scss b/src/app/index.scss index 52b2cbe..0fe598c 100644 --- a/src/app/index.scss +++ b/src/app/index.scss @@ -75,13 +75,14 @@ $darken: 15%; body { font-family: "Open Sans", sans-serif; &.contraste { - color: #fff; - background-color: #000; + color: #fff !important; + background-color: #000 !important; a, .btn { - color: #fff; - background-color: #000; + color: #ff0 !important; + background-color: #000 !important; + text-decoration: underline !important; } } } @@ -282,6 +283,8 @@ body { .contraste & .color-theme-fg { color: #fff; } .contraste & .color-theme-bg { background-color: #000;} + .contraste & .color-theme-bg-complementar-1 { background-color: #111; outline: 1px solid #eee;} + .contraste & .color-theme-bg-complementar-2 { background-color: #222; outline: 1px solid #ddd;} } } -- libgit2 0.21.2