improve blue contrast for accessibility (#28252)

This commit is contained in:
Frédéric Péters 2018-11-22 13:50:13 +01:00
parent bfba9b1bcc
commit b76001d6ee
2 changed files with 8 additions and 13 deletions

View File

@ -11,9 +11,8 @@ $sidepage-width: 210px;
$header-height: 60px;
$sidepage-border-width: 4px;
// bleus
$primary-color: #4e7ee2; $secondary-color: #00d6eb;
$primary-color: #386ede; $secondary-color: #00d6eb;
// rouge/orange
//$primary-color: #ff375e; $secondary-color: #ff5a47;
@ -21,6 +20,8 @@ $primary-color: #4e7ee2; $secondary-color: #00d6eb;
// violet/rose
//$primary-color: #6f2b92; $secondary-color: #e72588;
$link-color: $primary-color;
/* generalities */
html, body {
@ -45,10 +46,10 @@ body {
}
a {
color: #0066cc;
color: $link-color;
text-decoration: none;
border-width: 0;
border-bottom: 1px dotted #0066cc;
border-bottom: 1px dotted $link-color;
@include vendor-prefix('transition', 'color 200ms ease-out');
&:hover {
color: #003388;
@ -347,7 +348,7 @@ div.errornotice {
&.infonotice {
&:before { content: "\f05a"; } // info-circle
border-color: #0000b0;
border-image: linear-gradient(#4e7ee2, #00d6eb) 27;
border-image: linear-gradient(#386ede, #00d6eb) 27;
}
&.warningnotice {
&:before { content: "\f06a"; } //exclamation-circle
@ -964,14 +965,8 @@ div.old-ie-warning p {
$string-color: str-slice($primary-color + '', 2);
$appicons: add, announces, book, calendar, categories, clock, counter, facturier, forms, gis, grid, home, mail, management, organizational-units, passerelle, password, phone, portal, portal-agent, porte-doc, roles, security, services, settings, statistics, submission, system, texts, theme, users, workflows;
$colors: "4e7ee2", "ff375e", "6f2b92";
@each $appicon in $appicons {
ul#sidepage-menu li a.icon-#{$appicon} { background-image: url(icons/#{$appicon}.small.#{$string-color}.png); }
//ul#sidepage-menu li.active a.icon-#{$appicon} { background-image: url(icons/#{$appicon}.small.white.png); }
@each $color in $colors {
body.s#{$color} ul#sidepage-menu li a.icon-#{$appicon} { background-image: url(icons/#{$appicon}.small.#{$color}.png); }
}
ul#sidepage-menu li a.icon-#{$appicon} { background-image: url(icons/#{$appicon}.small.#{$string-color}.png); }
ul.apps li.icon-#{$appicon} a { background-image: url(icons/#{$appicon}.large.png); }
ul.apps li.icon-#{$appicon} a:hover { background-image: url(icons/#{$appicon}.large-hover.png); }

View File

@ -134,14 +134,14 @@ class build_icons(Command):
variants_applications = {
'small': {'colour': 'e7e7e7', 'width': '20'},
'small.white': {'colour': 'ffffff', 'width': '20'},
'small.4e7ee2': {'colour': '4e7ee2', 'width': '20'},
'small.386ede': {'colour': '386ede', 'width': '20'},
'small.ff375e': {'colour': 'ff375e', 'width': '20'},
'small.6f2b92': {'colour': '6f2b92', 'width': '20'},
'large': {'colour': 'e7e7e7', 'width': '80'},
'large-hover': {'colour': 'bebebe', 'width': '80'},
}
variants_actions = {
'small.4e7ee2': {'colour': '4e7ee2', 'width': '20'},
'small.386ede': {'colour': '386ede', 'width': '20'},
'small.ff375e': {'colour': 'ff375e', 'width': '20'},
'small.6f2b92': {'colour': '6f2b92', 'width': '20'},
'hover': {'colour': '2b2b2b', 'width': '20'},