Merge pull request #34333 from nextcloud/enh/33851/fix-tertiary-button

fix the tertiary button text

Author: szaimen

apps/theming/css/default.css

@@ -57,14 +57,14 @@
   --color-primary-text: #ffffff;
   --color-primary-hover: #329bd3;
   --color-primary-light: #e5f2f9;
-  --color-primary-light-text: #0082c9;
+  --color-primary-light-text: #003450;
   --color-primary-light-hover: #dbe7ee;
   --color-primary-text-dark: #ededed;
   --color-primary-element: #0082c9;
   --color-primary-element-text: #ffffff;
   --color-primary-element-hover: #329bd3;
   --color-primary-element-light: #e5f2f9;
-  --color-primary-element-light-text: #0082c9;
+  --color-primary-element-light-text: #003450;
   --color-primary-element-light-hover: #dbe7ee;
   --color-primary-element-text-dark: #ededed;
   --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);

apps/theming/lib/Themes/CommonThemeTrait.php

@@ -45,7 +45,7 @@ protected function generatePrimaryVariables(string $colorMainBackground, string
 			'--color-primary-text' => $this->util->invertTextColor($this->primaryColor) ? '#000000' : '#ffffff',
 			'--color-primary-hover' => $this->util->mix($this->primaryColor, $colorMainBackground, 60),
 			'--color-primary-light' => $colorPrimaryLight,
-			'--color-primary-light-text' => $this->primaryColor,
+			'--color-primary-light-text' => $this->util->mix($this->primaryColor, $this->util->invertTextColor($colorPrimaryLight) ? '#000000' : '#ffffff', -20),
 			'--color-primary-light-hover' => $this->util->mix($colorPrimaryLight, $colorMainText, 90),
 			'--color-primary-text-dark' => $this->util->darken($this->util->invertTextColor($this->primaryColor) ? '#000000' : '#ffffff', 7),
 
@@ -54,7 +54,7 @@ protected function generatePrimaryVariables(string $colorMainBackground, string
 			'--color-primary-element-text' => $this->util->invertTextColor($colorPrimaryElement) ? '#000000' : '#ffffff',
 			'--color-primary-element-hover' => $this->util->mix($colorPrimaryElement, $colorMainBackground, 60),
 			'--color-primary-element-light' => $colorPrimaryElementLight,
-			'--color-primary-element-light-text' => $colorPrimaryElement,
+			'--color-primary-element-light-text' => $this->util->mix($colorPrimaryElement, $this->util->invertTextColor($colorPrimaryElementLight) ? '#000000' : '#ffffff', -20),
 			'--color-primary-element-light-hover' => $this->util->mix($colorPrimaryElementLight, $colorMainText, 90),
 			'--color-primary-element-text-dark' => $this->util->darken($this->util->invertTextColor($colorPrimaryElement) ? '#000000' : '#ffffff', 7),