🎨 Improve visibility of unchecked checkboxes (#851)

no issue

* Checkboxes now have greater contrast when unchecked to make them more visible
* Checkbox colour tweaks for nightshift
This commit is contained in:
John O'Nolan 2017-09-10 01:28:28 -07:00 committed by Kevin Ansfield
parent fd3fb96a10
commit c20214af08
3 changed files with 12 additions and 1 deletions

View File

@ -315,3 +315,8 @@ input,
.gh-contributors a:before {
color: var(--lightgrey);
}
.settings-menu-content .for-radio .input-toggle-component,
.settings-menu-content .for-checkbox .input-toggle-component {
background: var(--lightgrey);
}

View File

@ -213,6 +213,12 @@
margin-right: 0;
}
.settings-menu-content .for-radio .input-toggle-component,
.settings-menu-content .for-checkbox .input-toggle-component {
background: #fff;
}
/* Background
/* ---------------------------------------------------------- */

View File

@ -209,7 +209,7 @@ textarea {
height: 18px;
margin-right: 7px;
border: 1px solid color(var(--lightgrey) l(-5%) s(-10%));
background: #fff;
background: color(var(--lightgrey) l(+4%));
}
.for-checkbox label:hover input:not(:checked) + .input-toggle-component,