TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki Activity

🎨 Improve visibility of unchecked checkboxes (#851)

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ghost/admin/app/styles/app-dark.css
View File

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

6
ghost/admin/app/styles/components/settings-menu.css
View File

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

2
ghost/admin/app/styles/patterns/forms.css
View File

@ -209,7 +209,7 @@ textarea {
height: 18px; height: 18px;
margin-right: 7px; margin-right: 7px;
border: 1px solid color(var(--lightgrey) l(-5%) s(-10%)); 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, .for-checkbox label:hover input:not(:checked) + .input-toggle-component,