Colour changes to make contrast 0 errors at WCAG2AA

This commit is contained in:
perryharlock
2013-11-14 15:30:42 +00:00
parent 6b6ce57e48
commit c249a542bf
5 changed files with 19 additions and 11 deletions

File diff suppressed because one or more lines are too long

View File

@@ -132,9 +132,9 @@ $(document).ready(function(){
function getData() { function getData() {
return [ return [
{ color: 'rgb(231, 76, 60)', label: 'Errors', data: data.error }, { color: 'rgb(216, 61, 45)', label: 'Errors', data: data.error },
{ color: 'rgb(243, 156, 18)', label: 'Warnings', data: data.warning }, { color: 'rgb(168, 103, 0)', label: 'Warnings', data: data.warning },
{ color: 'rgb(52, 152, 219)', label: 'Notices', data: data.notice } { color: 'rgb(23, 123, 190)', label: 'Notices', data: data.notice }
]; ];
} }

File diff suppressed because one or more lines are too long

View File

@@ -96,6 +96,14 @@
.delete-button:hover { .delete-button:hover {
color:lighten(@brand-danger, 8%); color:lighten(@brand-danger, 8%);
} }
.footer a, .breadcrumb a {
text-decoration:underline;
}
.breadcrumb a {
&:hover, &:active, &:focus {
text-decoration: none;
}
}
/* Type */ /* Type */
.h1 { .h1 {

View File

@@ -13,16 +13,16 @@
@gray-dark: #616D6E; @gray-dark: #616D6E;
@gray: #6C7878; @gray: #6C7878;
@gray-light: #7C8C8D; @gray-light: #7C8C8D;
@gray-lighter: #ecf0f1; @gray-lighter: #eaeff1;
// Brand colors // Brand colors
// ------------------------- // -------------------------
@brand-primary: #2C3E50; @brand-primary: #2C3E50;
@brand-success: #00A18C; @brand-success: #00806F;
@brand-warning: #F39C12; @brand-warning: #A86700;
@brand-danger: #E74C3C; @brand-danger: #D83D2D;
@brand-info: #3498DB; @brand-info: #177BBE;
// Scaffolding // Scaffolding
// ------------------------- // -------------------------
@@ -551,7 +551,7 @@
// Breadcrumbs // Breadcrumbs
// ------------------------- // -------------------------
@breadcrumb-bg: lighten(@gray-lighter, 4%); @breadcrumb-bg: lighten(@gray-lighter, 4%);
@breadcrumb-color: lighten(@gray-dark, 3%); @breadcrumb-color: @gray-dark;
@breadcrumb-active-color: @breadcrumb-color; @breadcrumb-active-color: @breadcrumb-color;