diff options
| author | John Molakvoæ <skjnldsv@protonmail.com> | 2022-05-12 12:23:11 +0300 |
|---|---|---|
| committer | John Molakvoæ <skjnldsv@protonmail.com> | 2022-05-13 17:13:01 +0300 |
| commit | 264adf0c3bb8876dde04b2fb93c5554aae91aa9c (patch) | |
| tree | a89b7bc0ebdeb725c14cb90d7b62af1fa0c61ce6 /apps | |
| parent | b8a7ab9941352e48123ba82038081f119beb5147 (diff) | |
Fix profile and add gradient-primary-background
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue | 2 | ||||
| -rw-r--r-- | apps/theming/lib/Themes/DefaultTheme.php | 2 |
2 files changed, 3 insertions, 1 deletions
diff --git a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue index ef12d511fb9..afd85269720 100644 --- a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue +++ b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue @@ -162,7 +162,7 @@ export default { height: 70px; border-radius: var(--border-radius-large) var(--border-radius-large) 0 0; background-color: var(--color-primary); - background-image: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-element-light) 100%); + background-image: var(--gradient-primary-background); span { bottom: 0; diff --git a/apps/theming/lib/Themes/DefaultTheme.php b/apps/theming/lib/Themes/DefaultTheme.php index 180b1106595..58983d29df1 100644 --- a/apps/theming/lib/Themes/DefaultTheme.php +++ b/apps/theming/lib/Themes/DefaultTheme.php @@ -121,6 +121,8 @@ class DefaultTheme implements ITheme { '--color-primary-element-hover' => $this->util->mix($this->util->elementColor($this->primaryColor), $colorMainBackground, 80), '--color-primary-element-light' => $this->util->lighten($this->util->elementColor($this->primaryColor), 15), '--color-primary-element-lighter' => $this->util->mix($this->util->elementColor($this->primaryColor), $colorMainBackground, -70), + // 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%)', // max contrast for WCAG compliance '--color-main-text' => $colorMainText, |