From ae9523c6ce06542c3fe6ee8152a3a7906f4e2e58 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Janis=20K=C3=B6hr?= Date: Tue, 3 Sep 2019 13:56:45 +0200 Subject: [PATCH] Add highcontrast style for dark mode MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Janis Köhr --- apps/accessibility/css/highcontrastdark.scss | 25 +++++++++++++++++++ .../Controller/AccessibilityController.php | 3 +++ 2 files changed, 28 insertions(+) create mode 100644 apps/accessibility/css/highcontrastdark.scss diff --git a/apps/accessibility/css/highcontrastdark.scss b/apps/accessibility/css/highcontrastdark.scss new file mode 100644 index 0000000000..c5238dc243 --- /dev/null +++ b/apps/accessibility/css/highcontrastdark.scss @@ -0,0 +1,25 @@ +// SCSS variables +$color-main-text: #fff; +$color-main-background: #000; + +$color-background-dark: lighten($color-main-background, 30%); +$color-background-darker: lighten($color-main-background, 30%); + +$color-text-maxcontrast: $color-main-text; +$color-text-light: $color-main-text; +$color-text-lighter: $color-main-text; + +$color-loading-light: #000; +$color-loading-dark: #ddd; + +$color-box-shadow: $color-main-text; + +$color-border: lighten($color-main-background, 50%); +$color-border-dark: lighten($color-main-background, 50%); + +[class^='icon-'], [class*=' icon-'], +.action, +#appmenu li a, +.menutoggle { + opacity: 1 !important; +} diff --git a/apps/accessibility/lib/Controller/AccessibilityController.php b/apps/accessibility/lib/Controller/AccessibilityController.php index 91fd9dc6fa..79d5166a1c 100644 --- a/apps/accessibility/lib/Controller/AccessibilityController.php +++ b/apps/accessibility/lib/Controller/AccessibilityController.php @@ -132,6 +132,9 @@ class AccessibilityController extends Controller { foreach ($userValues as $key => $scssFile) { if ($scssFile !== false) { + if ($scssFile === 'highcontrast' && in_array('dark', $userValues)) { + $scssFile .= 'dark'; + } $imports .= '@import "' . $scssFile . '";'; } }