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,6 +5,8 @@ | ||
| 5 | margin-bottom: 20px; | 5 | margin-bottom: 20px; |
| 6 | position: relative; | 6 | position: relative; |
| 7 | 7 | ||
| 8 | + .contraste & { background-color: #000 !important; outline: 1px solid #eee; } | ||
| 9 | + | ||
| 8 | &.focus { | 10 | &.focus { |
| 9 | border: 7px solid #000; | 11 | border: 7px solid #000; |
| 10 | border-radius: 12px; | 12 | border-radius: 12px; |
| @@ -54,12 +56,16 @@ | @@ -54,12 +56,16 @@ | ||
| 54 | &--share { | 56 | &--share { |
| 55 | padding: 15px 0; | 57 | padding: 15px 0; |
| 56 | background-color: #e8e8e8; | 58 | background-color: #e8e8e8; |
| 59 | + | ||
| 60 | + .contraste & { background-color: #000 !important; outline: 1px solid #eee; } | ||
| 57 | } | 61 | } |
| 58 | 62 | ||
| 59 | &--ranking { | 63 | &--ranking { |
| 60 | font-weight: bold; | 64 | font-weight: bold; |
| 61 | padding: 10px 0; | 65 | padding: 10px 0; |
| 62 | background-color: #dadada; | 66 | background-color: #dadada; |
| 67 | + | ||
| 68 | + .contraste & { background-color: #111 !important; outline: 1px solid #eee; } | ||
| 63 | } | 69 | } |
| 64 | 70 | ||
| 65 | .action-label { | 71 | .action-label { |
src/app/index.scss
| @@ -75,13 +75,14 @@ $darken: 15%; | @@ -75,13 +75,14 @@ $darken: 15%; | ||
| 75 | body { | 75 | body { |
| 76 | font-family: "Open Sans", sans-serif; | 76 | font-family: "Open Sans", sans-serif; |
| 77 | &.contraste { | 77 | &.contraste { |
| 78 | - color: #fff; | ||
| 79 | - background-color: #000; | 78 | + color: #fff !important; |
| 79 | + background-color: #000 !important; | ||
| 80 | 80 | ||
| 81 | a, | 81 | a, |
| 82 | .btn { | 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,6 +283,8 @@ body { | ||
| 282 | 283 | ||
| 283 | .contraste & .color-theme-fg { color: #fff; } | 284 | .contraste & .color-theme-fg { color: #fff; } |
| 284 | .contraste & .color-theme-bg { background-color: #000;} | 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 |