summaryrefslogtreecommitdiffstats
path: root/apps/theming/lib/Themes/DarkHighContrastTheme.php
blob: 62b7d4f6358ba772346e7ce753b27e1cfe3b98e0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<?php
declare(strict_types=1);
/**
 * @copyright Copyright (c) 2022 Joas Schilling <coding@schilljs.com>
 *
 * @author Joas Schilling <coding@schilljs.com>
 * @author John Molakvoæ <skjnldsv@protonmail.com>
 *
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 *
 */
namespace OCA\Theming\Themes;

use OCA\Theming\ITheme;

class DarkHighContrastTheme extends DarkTheme implements ITheme {

	public function getId(): string {
		return 'dark-highcontrast';
	}

	public function getMediaQuery(): string {
		return '(prefers-color-scheme: dark) and (prefers-contrast: more)';
	}

	public function getTitle(): string {
		return $this->l->t('Dark theme with high contrast mode');
	}

	public function getEnableLabel(): string {
		return $this->l->t('Enable dark high contrast mode');
	}

	public function getDescription(): string {
		return $this->l->t('Similar to the high contrast mode, but with dark colours.');
	}

	/**
	 * Try to keep this consistent with HighContrastTheme
	 */
	public function getCSSVariables(): array {
		$variables = parent::getCSSVariables();
		$colorMainText = '#ffffff';
		$colorMainBackground = '#000000';
		$colorBoxShadowRGB = join(',', $this->util->hexToRGB($colorMainText));

		$variables['--color-main-background'] = $colorMainBackground;
		$variables['--color-main-text'] = $colorMainText;

		$variables['--color-background-dark'] = $this->util->lighten($colorMainBackground, 30);
		$variables['--color-background-darker'] = $this->util->lighten($colorMainBackground, 30);

		$variables['--color-placeholder-light'] = $this->util->lighten($colorMainBackground, 30);
		$variables['--color-placeholder-dark'] = $this->util->lighten($colorMainBackground, 45);

		$variables['--color-text-maxcontrast'] = $colorMainText;
		$variables['--color-text-light'] = $colorMainText;
		$variables['--color-text-lighter'] = $colorMainText;

		// used for the icon loading animation
		$variables['--color-loading-light'] = '#000000';
		$variables['--color-loading-dark'] = '#dddddd';


		$variables['--color-box-shadow-rgb'] = $colorBoxShadowRGB;
		$variables['--color-box-shadow'] = $colorBoxShadowRGB;


		$variables['--color-border'] = $this->util->lighten($colorMainBackground, 50);
		$variables['--color-border-dark'] = $this->util->lighten($colorMainBackground, 50);

		return $variables;
	}

	public function getCustomCss(): string {
		return "
		[class^='icon-'], [class*=' icon-'],
			.action,
			#appmenu li a,
			.menutoggle {
				opacity: 1 !important;
			}
		";
	}
}