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 | ... | ... |