fix(theming): move text selection text color into variable

Signed-off-by: Jonas <jonas@freesources.org>

Author: mejo-

apps/theming/css/default.css

@@ -44,6 +44,7 @@
   --color-favorite: #A37200;
   --color-mark: #fff0c7;
   --color-background-selection: rgb(from var(--color-primary-element) r g b / 0.2);
+  --color-text-selection: var(--color-main-text);
   /** @deprecated use css color functions */
   --color-error-rgb: 255,231,231;
   /** @deprecated use css color functions */

apps/theming/lib/Themes/DarkTheme.php

@@ -117,6 +117,7 @@ public function getCSSVariables(): array {
 				'--color-favorite' => '#ffde00',
 				'--color-mark' => '#4d3800',
 				'--color-background-selection' => 'rgb(from var(--color-primary-element) r g b / 0.4)',
+				'--color-text-selection' => 'var(--color-main-text)',
 				// deprecated
 				'--color-error-rgb' => join(',', $this->util->hexToRGB($colorError)),
 				'--color-warning-rgb' => join(',', $this->util->hexToRGB($colorWarning)),

apps/theming/lib/Themes/DefaultTheme.php

@@ -167,6 +167,7 @@ public function getCSSVariables(): array {
 			'--color-favorite' => '#A37200',
 			'--color-mark' => '#fff0c7',
 			'--color-background-selection' => 'rgb(from var(--color-primary-element) r g b / 0.2)',
+			'--color-text-selection' => 'var(--color-main-text)',
 			// deprecated
 			'--color-error-rgb' => join(',', $this->util->hexToRGB($colorError)),
 			'--color-warning-rgb' => join(',', $this->util->hexToRGB($colorWarning)),

apps/theming/lib/Themes/HighContrastTheme.php

@@ -99,6 +99,7 @@ public function getCSSVariables(): array {
 
 				'--color-favorite' => '#936B06',
 				'--color-background-selection' => 'var(--color-primary-element)',
+				'--color-text-selection' => 'var(--color-primary-element-text)',
 
 				'--color-scrollbar' => 'auto transparent',
 
@@ -132,9 +133,6 @@ public function getCustomCss(): string {
 			#app-navigation {
 				border-right: 1px solid var(--color-border);
 			}
-			::selection {
-				color: var(--color-primary-element-text);
-			}
 		";
 	}
 }

core/css/server.css

@@ -182,6 +182,7 @@ body {
 
 ::selection {
 	background-color: var(--color-background-selection);
+	color: var(--color-text-selection);
 }