edx.org - revises base blue and color references to adhere to WCAG color contrast guidelines
This commit is contained in:
@@ -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';
|
||||
$video-thumb-url: '../images/courses/video-thumb.jpg';
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user