From ae9523c6ce06542c3fe6ee8152a3a7906f4e2e58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Janis=20K=C3=B6hr?= <janis.koehr@novatec-gmbh.de>
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 <janis.koehr@novatec-gmbh.de>
---
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 00000000000..c5238dc2433
--- /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 91fd9dc6fa5..79d5166a1c3 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 . '";';
}
}
--
GitLab