From 264adf0c3bb8876dde04b2fb93c5554aae91aa9c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6?= Date: Thu, 12 May 2022 11:23:11 +0200 Subject: Fix profile and add gradient-primary-background MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ --- core/css/header.css | 2 +- core/css/header.scss | 2 +- core/css/server.css | 2 +- core/src/views/Profile.vue | 5 +++++ 4 files changed, 8 insertions(+), 3 deletions(-) (limited to 'core') diff --git a/core/css/header.css b/core/css/header.css index 93c44812e57..a78c38ebccf 100644 --- a/core/css/header.css +++ b/core/css/header.css @@ -71,7 +71,7 @@ z-index: 2000; height: 50px; 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); box-sizing: border-box; justify-content: space-between; } diff --git a/core/css/header.scss b/core/css/header.scss index 4549c18487e..a41ac852b72 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -51,7 +51,7 @@ z-index: 2000; height: variables.$header-height; 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); box-sizing: border-box; justify-content: space-between; } diff --git a/core/css/server.css b/core/css/server.css index beb10cd1e73..88b6901a775 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -2288,7 +2288,7 @@ label.infield { z-index: 2000; height: 50px; 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); box-sizing: border-box; justify-content: space-between; } diff --git a/core/src/views/Profile.vue b/core/src/views/Profile.vue index a8d6522b435..9173e5bb820 100644 --- a/core/src/views/Profile.vue +++ b/core/src/views/Profile.vue @@ -312,6 +312,8 @@ $content-max-width: 640px; position: sticky; height: 190px; top: -40px; + background-color: var(--color-primary); + background-image: var(--gradient-primary-background); &__container { align-self: flex-end; @@ -576,6 +578,9 @@ $content-max-width: 640px; display: flex; justify-content: center; gap: 0 4px; + a { + filter: var(--background-invert-if-dark); + } } } -- cgit v1.2.3