Commit 58369d42a2880071f5c902ff79fda67325ba0a37

Authored by Leonardo Merlin
1 parent a140a68d

a11y: improve contrast

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