From f1f113c5232f6c191a431140624b0fe4e44770ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Wed, 27 Mar 2019 16:03:56 +0100 Subject: [PATCH] Fix checkbox styling with dark theme MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- apps/accessibility/css/themedark.scss | 12 ++++++++++++ core/img/actions/checkbox-mark-dark.svg | 1 + core/img/actions/checkbox-mixed-dark.svg | 2 +- 3 files changed, 14 insertions(+), 1 deletion(-) create mode 100644 core/img/actions/checkbox-mark-dark.svg diff --git a/apps/accessibility/css/themedark.scss b/apps/accessibility/css/themedark.scss index 84f3d99c59..185b921fe6 100644 --- a/apps/accessibility/css/themedark.scss +++ b/apps/accessibility/css/themedark.scss @@ -74,3 +74,15 @@ $color-border-dark: lighten($color-main-background, 14%); filter: invert(100%); } } + +input[type=checkbox] { + &.checkbox { + &:checked + label:before { + background-image: url('../../../core/img/actions/checkbox-mark-dark.svg'); + } + + &:indeterminate + label:before { + background-image: url('../../../core/img/actions/checkbox-mixed-dark.svg'); + } + } +} diff --git a/core/img/actions/checkbox-mark-dark.svg b/core/img/actions/checkbox-mark-dark.svg new file mode 100644 index 0000000000..dbd016163c --- /dev/null +++ b/core/img/actions/checkbox-mark-dark.svg @@ -0,0 +1 @@ + diff --git a/core/img/actions/checkbox-mixed-dark.svg b/core/img/actions/checkbox-mixed-dark.svg index 2f3fd3fa82..22da18e04c 100644 --- a/core/img/actions/checkbox-mixed-dark.svg +++ b/core/img/actions/checkbox-mixed-dark.svg @@ -1 +1 @@ - +