Commit c641155c by Chris

Merge pull request #7467 from edx/clrux/UX-1810-a11y-color-fix--blue

Accessibility: Updating the color blue on LMS
parents a5bacc34 e789c554
...@@ -139,7 +139,7 @@ $facebook-blue: #3B5998; ...@@ -139,7 +139,7 @@ $facebook-blue: #3B5998;
$linkedin-blue: #0077B5; $linkedin-blue: #0077B5;
// TODO: both blue and yellow variables differ from CMS rgb value, need to confirm change to CMS variable is ok in current platform uses before switching. // TODO: both blue and yellow variables differ from CMS rgb value, need to confirm change to CMS variable is ok in current platform uses before switching.
$blue: rgb(29,157,217); $blue: rgb(0, 120, 176);
$yellow: rgb(255, 252, 221); $yellow: rgb(255, 252, 221);
// COLORS: old variables // COLORS: old variables
...@@ -183,7 +183,7 @@ $m-blue-l4: tint($m-blue,90%); ...@@ -183,7 +183,7 @@ $m-blue-l4: tint($m-blue,90%);
$m-blue-l5: tint($m-blue,95%); $m-blue-l5: tint($m-blue,95%);
$m-blue-l6: #4bb4fb; $m-blue-l6: #4bb4fb;
$m-blue-d1: rgb(23,144,199); // #1790C7 $m-blue-d1: rgb(23,144,199); // #1790C7
$m-blue-d2: rgb(21,128,176); // #1580B0 $m-blue-d2: $blue;
$m-blue-d3: rgb(18,111,154); // #126F9A $m-blue-d3: rgb(18,111,154); // #126F9A
$m-blue-d4: rgb(10,74,103); // #0A4A67 $m-blue-d4: rgb(10,74,103); // #0A4A67
$m-blue-d5: rgb(0,158,231); // #009EE7 $m-blue-d5: rgb(0,158,231); // #009EE7
...@@ -252,7 +252,7 @@ $courseware-footer-margin: 0px; ...@@ -252,7 +252,7 @@ $courseware-footer-margin: 0px;
$courseware-border-bottom-color: rgb(68,162,222); // #44a2de $courseware-border-bottom-color: rgb(68,162,222); // #44a2de
$courseware-button-border-color: rgb(230,230,230); // #e6e6e6 $courseware-button-border-color: rgb(230,230,230); // #e6e6e6
$courseware-hover-color: rgb(51,52,53); // #333435 $courseware-hover-color: rgb(51,52,53); // #333435
$courseware-navigation-color: rgb(0,158,231); // #009ee7 $courseware-navigation-color: $blue;
// ==================== // ====================
...@@ -386,7 +386,7 @@ $border-color-l4: $m-gray-l4; ...@@ -386,7 +386,7 @@ $border-color-l4: $m-gray-l4;
// MISC: links and buttons // MISC: links and buttons
$link-color: $blue; $link-color: $blue;
$link-color-d1: $m-blue-d2; $link-color-d1: $blue;
$link-hover: $pink; $link-hover: $pink;
$site-status-color: $pink; $site-status-color: $pink;
$button-color: $blue; $button-color: $blue;
......
...@@ -84,6 +84,10 @@ div.info-wrapper { ...@@ -84,6 +84,10 @@ div.info-wrapper {
box-shadow: none; box-shadow: none;
font-size: 14px; font-size: 14px;
a {
color: $link-color;
}
&:after { &:after {
left: -1px; left: -1px;
right: auto; right: auto;
...@@ -104,6 +108,7 @@ div.info-wrapper { ...@@ -104,6 +108,7 @@ div.info-wrapper {
a { a {
display: block; display: block;
padding: 0; padding: 0;
color: $link-color;
&:hover, &:focus { &:hover, &:focus {
background: transparent; background: transparent;
......
...@@ -49,6 +49,7 @@ section.wiki { ...@@ -49,6 +49,7 @@ section.wiki {
height: 100%; height: 100%;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: $link-color;
} }
&:after { &:after {
......
...@@ -35,7 +35,6 @@ ...@@ -35,7 +35,6 @@
&:hover, &:focus, &:active { &:hover, &:focus, &:active {
border-bottom: 1px dotted $link-color; border-bottom: 1px dotted $link-color;
color: $link-color;
} }
} }
...@@ -208,7 +207,7 @@ ...@@ -208,7 +207,7 @@
// edX theme: LMS Footer // edX theme: LMS Footer
// ==================== // ====================
$edx-footer-spacing: ($baseline*0.75); $edx-footer-spacing: ($baseline*0.75);
$edx-footer-link-color: rgb(0, 158, 231); $edx-footer-link-color: $link-color;
$edx-footer-bg-color: rgb(252,252,252); $edx-footer-bg-color: rgb(252,252,252);
%edx-footer-reset { %edx-footer-reset {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment