From aa8f73ffb4559c9e4d18dea77760d317c25ad398 Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Wed, 29 May 2013 18:14:01 -0400 Subject: [PATCH] edx.org - revises base blue and color references to adhere to WCAG color contrast guidelines --- lms/static/sass/base/_variables.scss | 7 ++++--- lms/static/sass/multicourse/_account.scss | 8 ++++---- lms/static/sass/shared/_header.scss | 8 ++++---- 3 files changed, 12 insertions(+), 11 deletions(-) diff --git a/lms/static/sass/base/_variables.scss b/lms/static/sass/base/_variables.scss index 6bd593c28c..2d0021c642 100644 --- a/lms/static/sass/base/_variables.scss +++ b/lms/static/sass/base/_variables.scss @@ -46,8 +46,9 @@ $m-gray: rgb(153,153,153); $m-gray-d1: rgb(102,102,102); $m-gray-d2: rgb(51,51,51); $m-gray-a1: rgb(80,80,80); -$m-blue: rgb(85, 151, 221); -$m-blue-l1: rgb(230,245,252); +$m-blue: rgb(65, 116, 170); +// $m-blue: rgb(85, 151, 221); (used in marketing redesign) +$m-blue-l1: rgb(85, 151, 221); $m-blue-d1: shade($m-blue,15%); $m-blue-s1: saturate($m-blue,15%); $m-pink: rgb(204,51,102); @@ -122,4 +123,4 @@ $modal-bg-color: rgb(245,245,245); //----------------- $homepage-bg-image: '../images/homepage-bg.jpg'; -$video-thumb-url: '../images/courses/video-thumb.jpg'; \ No newline at end of file +$video-thumb-url: '../images/courses/video-thumb.jpg'; diff --git a/lms/static/sass/multicourse/_account.scss b/lms/static/sass/multicourse/_account.scss index eab8cbe66b..5147b6a09b 100644 --- a/lms/static/sass/multicourse/_account.scss +++ b/lms/static/sass/multicourse/_account.scss @@ -148,8 +148,8 @@ } &:hover, &:active { - border-bottom: 1px dotted $m-blue-s1; - color: $m-blue-s1; + border-bottom: 1px dotted $m-blue-l1; + color: $m-blue-l1; } } @@ -339,11 +339,11 @@ &.is-focused { label { - color: $m-blue-s1; + color: $m-blue-l1; } .tip { - color: $m-blue-s1; + color: $m-blue-l1; } } diff --git a/lms/static/sass/shared/_header.scss b/lms/static/sass/shared/_header.scss index 0608a8faf4..e49accf904 100644 --- a/lms/static/sass/shared/_header.scss +++ b/lms/static/sass/shared/_header.scss @@ -317,13 +317,13 @@ header.global { } // page-based nav states -.view-howitworks .nav-global-01, -.view-courses .nav-global-02, -.view-schools .nav-global-03, +.view-howitworks .nav-global-01, +.view-courses .nav-global-02, +.view-schools .nav-global-03, .view-register .nav-global-04 { a { text-decoration: none; color: $m-blue-s1 !important; - } + } }