From cc21ea6419a7bdf15895c034d9f58e03ad23e278 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Julius=20H=C3=A4rtl?= Date: Mon, 22 Aug 2022 17:44:57 +0200 Subject: [PATCH] Fix gradient using the wrong target value MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- apps/theming/css/default.css | 11 +++++++---- apps/theming/lib/Themes/DefaultTheme.php | 2 +- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css index 41a1167a4a5..134e6e0aad0 100644 --- a/apps/theming/css/default.css +++ b/apps/theming/css/default.css @@ -18,10 +18,13 @@ --color-primary-light-hover: #dbe7ee; --color-primary-text-dark: #ededed; --color-primary-element: #0082c9; - --color-primary-element-hover: #198ece; - --color-primary-element-light: #17adff; - --color-primary-element-lighter: #d8ecf6; - --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-element-light) 100%); + --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-hover: #dbe7ee; + --color-primary-element-text-dark: #ededed; + --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); --color-main-text: #222222; --color-text-maxcontrast: #767676; --color-text-light: #222222; diff --git a/apps/theming/lib/Themes/DefaultTheme.php b/apps/theming/lib/Themes/DefaultTheme.php index 5c6d237e5e3..42b335dbe08 100644 --- a/apps/theming/lib/Themes/DefaultTheme.php +++ b/apps/theming/lib/Themes/DefaultTheme.php @@ -131,7 +131,7 @@ class DefaultTheme implements ITheme { '--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), // to use like this: background-image: var(--gradient-primary-background); - '--gradient-primary-background' => 'linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-element-light) 100%)', + '--gradient-primary-background' => 'linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%)', // max contrast for WCAG compliance '--color-main-text' => $colorMainText, -- 2.39.5