Commit 58369d42a2880071f5c902ff79fda67325ba0a37
1 parent
a140a68d
Exists in
master
and in
6 other branches
a11y: improve contrast
Showing
2 changed files
with
13 additions
and
4 deletions
Show diff stats
src/app/components/proposal-box/proposal-box.scss
... | ... | @@ -5,6 +5,8 @@ |
5 | 5 | margin-bottom: 20px; |
6 | 6 | position: relative; |
7 | 7 | |
8 | + .contraste & { background-color: #000 !important; outline: 1px solid #eee; } | |
9 | + | |
8 | 10 | &.focus { |
9 | 11 | border: 7px solid #000; |
10 | 12 | border-radius: 12px; |
... | ... | @@ -54,12 +56,16 @@ |
54 | 56 | &--share { |
55 | 57 | padding: 15px 0; |
56 | 58 | background-color: #e8e8e8; |
59 | + | |
60 | + .contraste & { background-color: #000 !important; outline: 1px solid #eee; } | |
57 | 61 | } |
58 | 62 | |
59 | 63 | &--ranking { |
60 | 64 | font-weight: bold; |
61 | 65 | padding: 10px 0; |
62 | 66 | background-color: #dadada; |
67 | + | |
68 | + .contraste & { background-color: #111 !important; outline: 1px solid #eee; } | |
63 | 69 | } |
64 | 70 | |
65 | 71 | .action-label { | ... | ... |
src/app/index.scss
... | ... | @@ -75,13 +75,14 @@ $darken: 15%; |
75 | 75 | body { |
76 | 76 | font-family: "Open Sans", sans-serif; |
77 | 77 | &.contraste { |
78 | - color: #fff; | |
79 | - background-color: #000; | |
78 | + color: #fff !important; | |
79 | + background-color: #000 !important; | |
80 | 80 | |
81 | 81 | a, |
82 | 82 | .btn { |
83 | - color: #fff; | |
84 | - background-color: #000; | |
83 | + color: #ff0 !important; | |
84 | + background-color: #000 !important; | |
85 | + text-decoration: underline !important; | |
85 | 86 | } |
86 | 87 | } |
87 | 88 | } |
... | ... | @@ -282,6 +283,8 @@ body { |
282 | 283 | |
283 | 284 | .contraste & .color-theme-fg { color: #fff; } |
284 | 285 | .contraste & .color-theme-bg { background-color: #000;} |
286 | + .contraste & .color-theme-bg-complementar-1 { background-color: #111; outline: 1px solid #eee;} | |
287 | + .contraste & .color-theme-bg-complementar-2 { background-color: #222; outline: 1px solid #ddd;} | |
285 | 288 | } |
286 | 289 | } |
287 | 290 | ... | ... |