feat(theming): add option for reduce animation

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

apps/theming/composer/composer/autoload_classmap.php

@@ -39,6 +39,7 @@
     'OCA\\Theming\\Themes\\DyslexiaFont' => $baseDir . '/../lib/Themes/DyslexiaFont.php',
     'OCA\\Theming\\Themes\\HighContrastTheme' => $baseDir . '/../lib/Themes/HighContrastTheme.php',
     'OCA\\Theming\\Themes\\LightTheme' => $baseDir . '/../lib/Themes/LightTheme.php',
+    'OCA\\Theming\\Themes\\ReducedMotion' => $baseDir . '/../lib/Themes/ReducedMotion.php',
     'OCA\\Theming\\ThemingDefaults' => $baseDir . '/../lib/ThemingDefaults.php',
     'OCA\\Theming\\Util' => $baseDir . '/../lib/Util.php',
 );

apps/theming/composer/composer/autoload_static.php

@@ -54,6 +54,7 @@ class ComposerStaticInitTheming
         'OCA\\Theming\\Themes\\DyslexiaFont' => __DIR__ . '/..' . '/../lib/Themes/DyslexiaFont.php',
         'OCA\\Theming\\Themes\\HighContrastTheme' => __DIR__ . '/..' . '/../lib/Themes/HighContrastTheme.php',
         'OCA\\Theming\\Themes\\LightTheme' => __DIR__ . '/..' . '/../lib/Themes/LightTheme.php',
+        'OCA\\Theming\\Themes\\ReducedMotion' => __DIR__ . '/..' . '/../lib/Themes/ReducedMotion.php',
         'OCA\\Theming\\ThemingDefaults' => __DIR__ . '/..' . '/../lib/ThemingDefaults.php',
         'OCA\\Theming\\Util' => __DIR__ . '/..' . '/../lib/Util.php',
     );

apps/theming/lib/Service/ThemesService.php

@@ -14,6 +14,7 @@
 use OCA\Theming\Themes\DyslexiaFont;
 use OCA\Theming\Themes\HighContrastTheme;
 use OCA\Theming\Themes\LightTheme;
+use OCA\Theming\Themes\ReducedMotion;
 use OCP\IConfig;
 use OCP\IUser;
 use OCP\IUserSession;
@@ -33,6 +34,7 @@ public function __construct(
 		HighContrastTheme $highContrastTheme,
 		DarkHighContrastTheme $darkHighContrastTheme,
 		DyslexiaFont $dyslexiaFont,
+		ReducedMotion $motionSickness,
 	) {
 
 		// Register themes
@@ -43,6 +45,7 @@ public function __construct(
 			$highContrastTheme->getId() => $highContrastTheme,
 			$darkHighContrastTheme->getId() => $darkHighContrastTheme,
 			$dyslexiaFont->getId() => $dyslexiaFont,
+			$motionSickness->getId() => $motionSickness,
 		];
 	}
 

apps/theming/lib/Themes/ReducedMotion.php

@@ -0,0 +1,62 @@
+<?php
+
+declare(strict_types=1);
+/**
+ * SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+namespace OCA\Theming\Themes;
+
+use OCA\Theming\ITheme;
+use OCP\IL10N;
+
+class ReducedMotion implements ITheme {
+
+	public function __construct(
+		private IL10N $l,
+	) {
+	}
+
+	public function getCustomCss(): string
+	{
+		return '';
+	}
+
+	public function getMeta(): array
+	{
+		return [];
+	}
+
+	public function getId(): string {
+		return 'reduced-motion';
+	}
+
+	public function getType(): int {
+		return ITheme::TYPE_FONT;
+	}
+
+	public function getTitle(): string {
+		return $this->l->t('Reduced motion');
+	}
+
+	public function getEnableLabel(): string {
+		return $this->l->t('Motion sickness reduction');
+	}
+
+	public function getDescription(): string {
+		return $this->l->t('Prevents animations, such as scaling or panning large objects, that can trigger discomfort for those with vestibular motion disorders.');
+	}
+
+	public function getCSSVariables(): array {
+		$variables = [
+			'--animation-quick' => '0',
+			'--animation-slow' => '0',
+		];
+
+		return $variables;
+	}
+
+	public function getMediaQuery(): string {
+		return '(prefers-reduced-motion: reduce)';
+	}
+}