Browse Source

Add highcontrast style for dark mode

Signed-off-by: Janis Köhr <janis.koehr@novatec-gmbh.de>
tags/v18.0.0beta1
Janis Köhr 4 years ago
parent
commit
ae9523c6ce
No account linked to committer's email address

+ 25
- 0
apps/accessibility/css/highcontrastdark.scss View File

@@ -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;
}

+ 3
- 0
apps/accessibility/lib/Controller/AccessibilityController.php View File

@@ -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 . '";';
}
}

Loading…
Cancel
Save