]> source.dussan.org Git - nextcloud-server.git/commitdiff
fix(theming): Adjust `color-error` and `color-success` to work for input border colors 42429/head
authorFerdinand Thiessen <opensource@fthiessen.de>
Tue, 19 Dec 2023 11:09:47 +0000 (12:09 +0100)
committerEduardo Morales <emoral435@gmail.com>
Wed, 27 Dec 2023 16:22:19 +0000 (10:22 -0600)
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
apps/theming/css/default.css
apps/theming/lib/Themes/DarkTheme.php
apps/theming/lib/Themes/DefaultTheme.php

index 19d874e5a8ee9a8f48dd8278b559258cabba91b3..157e28982c03e3a3a03e88b36d204c1873afda4d 100644 (file)
   /** @deprecated use `--color-text-maxcontrast` instead */
   --color-text-lighter: var(--color-text-maxcontrast);
   --color-scrollbar: rgba(34,34,34, .15);
-  --color-error: #C00505;
-  --color-error-rgb: 192,5,5;
-  --color-error-hover: #c72424;
-  --color-error-text: #C00505;
+  --color-error: #DB0606;
+  --color-error-rgb: 219,6,6;
+  --color-error-hover: #df2525;
+  --color-error-text: #c20505;
   --color-warning: #A37200;
   --color-warning-rgb: 163,114,0;
   --color-warning-hover: #8a6000;
index 0fed06e22257a304e4f3b53a8445fce1ad269a39..4b038a8812c80220ddd837db3bfdb2bc9809bc6f 100644 (file)
@@ -52,17 +52,17 @@ class DarkTheme extends DefaultTheme implements ITheme {
        public function getCSSVariables(): array {
                $defaultVariables = parent::getCSSVariables();
 
-               $colorMainText = '#D8D8D8';
+               $colorMainText = '#EBEBEB';
                $colorMainBackground = '#171717';
                $colorMainBackgroundRGB = join(',', $this->util->hexToRGB($colorMainBackground));
-               $colorTextMaxcontrast = $this->util->darken($colorMainText, 28);
+               $colorTextMaxcontrast = $this->util->darken($colorMainText, 32);
 
                $colorBoxShadow = $this->util->darken($colorMainBackground, 70);
                $colorBoxShadowRGB = join(',', $this->util->hexToRGB($colorBoxShadow));
 
-               $colorError = '#FF5252';
+               $colorError = '#FF3333';
                $colorWarning = '#FFCC00';
-               $colorSuccess = '#50BB50';
+               $colorSuccess = '#3B973B';
                $colorInfo = '#00AEFF';
 
                return array_merge(
@@ -92,7 +92,7 @@ class DarkTheme extends DefaultTheme implements ITheme {
                                '--color-error' => $colorError,
                                '--color-error-rgb' => join(',', $this->util->hexToRGB($colorError)),
                                '--color-error-hover' => $this->util->lighten($colorError, 10),
-                               '--color-error-text' => $this->util->lighten($colorError, 10),
+                               '--color-error-text' => $this->util->lighten($colorError, 15),
                                '--color-warning' => $colorWarning,
                                '--color-warning-rgb' => join(',', $this->util->hexToRGB($colorWarning)),
                                '--color-warning-hover' => $this->util->lighten($colorWarning, 10),
@@ -100,7 +100,7 @@ class DarkTheme extends DefaultTheme implements ITheme {
                                '--color-success' => $colorSuccess,
                                '--color-success-rgb' => join(',', $this->util->hexToRGB($colorSuccess)),
                                '--color-success-hover' => $this->util->lighten($colorSuccess, 10),
-                               '--color-success-text' => $colorSuccess,
+                               '--color-success-text' => $this->util->lighten($colorSuccess, 15),
                                '--color-info' => $colorInfo,
                                '--color-info-rgb' => join(',', $this->util->hexToRGB($colorInfo)),
                                '--color-info-hover' => $this->util->lighten($colorInfo, 10),
index 599c5ed58a90d476b4ea132edff8768422643a7b..d36feb000ae547b5f1771eeff7043c16c0c3525f 100644 (file)
@@ -111,7 +111,7 @@ class DefaultTheme implements ITheme {
                $colorBoxShadow = $this->util->darken($colorMainBackground, 70);
                $colorBoxShadowRGB = join(',', $this->util->hexToRGB($colorBoxShadow));
 
-               $colorError = '#C00505';
+               $colorError = '#DB0606';
                $colorWarning = '#A37200';
                $colorSuccess = '#2d7b41';
                $colorInfo = '#0071ad';
@@ -148,7 +148,7 @@ class DefaultTheme implements ITheme {
                        '--color-error' => $colorError,
                        '--color-error-rgb' => join(',', $this->util->hexToRGB($colorError)),
                        '--color-error-hover' => $this->util->mix($colorError, $colorMainBackground, 75),
-                       '--color-error-text' => $colorError,
+                       '--color-error-text' => $this->util->darken($colorError, 5),
                        '--color-warning' => $colorWarning,
                        '--color-warning-rgb' => join(',', $this->util->hexToRGB($colorWarning)),
                        '--color-warning-hover' => $this->util->darken($colorWarning, 5),