diff --git a/ghost/admin/app/styles/app-dark.css b/ghost/admin/app/styles/app-dark.css index 7e1c646d16..7829666abc 100644 --- a/ghost/admin/app/styles/app-dark.css +++ b/ghost/admin/app/styles/app-dark.css @@ -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); +} diff --git a/ghost/admin/app/styles/components/settings-menu.css b/ghost/admin/app/styles/components/settings-menu.css index 0d55fd41d9..3ad88a0c98 100644 --- a/ghost/admin/app/styles/components/settings-menu.css +++ b/ghost/admin/app/styles/components/settings-menu.css @@ -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 /* ---------------------------------------------------------- */ diff --git a/ghost/admin/app/styles/patterns/forms.css b/ghost/admin/app/styles/patterns/forms.css index 7bdc354056..93a212f90d 100644 --- a/ghost/admin/app/styles/patterns/forms.css +++ b/ghost/admin/app/styles/patterns/forms.css @@ -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,