From 1a89d01d8428905dfc64db8de444f4b0b2e6aee6 Mon Sep 17 00:00:00 2001 From: "konstantina.galouni" Date: Thu, 20 Jan 2022 01:07:01 +0200 Subject: [PATCH] [new-theme | OpenAIRE theme]: Small fixes & additions. 1. background.css: :not(.uk-preserve-color) removed from uk-background-primary | color is defined separately for primary backgrounds (uk-preserve-color affects only text color). 2. button.css: NEW variable --button-primary-color-hover. 3. text.css: Set --font-default-color: #4b4b4b; | Apply primary color to primary section too. --- css/structure/background.css | 5 ++++- css/structure/button.css | 3 ++- css/structure/text.css | 3 ++- 3 files changed, 8 insertions(+), 3 deletions(-) diff --git a/css/structure/background.css b/css/structure/background.css index a5725e2..01c34b8 100644 --- a/css/structure/background.css +++ b/css/structure/background.css @@ -6,9 +6,12 @@ --secondary-background-image: linear-gradient(51deg, var(--primary-color) 50%,var(--primary-color) 75%, var(--secondary-color) 100%); --secondary-background-color: var(--inverse-color); } -.uk-background-primary:not(.uk-preserve-color), .uk-section-primary:not(.uk-preserve-color){ +.uk-background-primary, .uk-section-primary{ background-color: var(--primary-background); background-image: var(--primary-background-image); +} + +.uk-background-primary, .uk-section-primary:not(.uk-preserve-color) { color: var(--primary-background-color); } diff --git a/css/structure/button.css b/css/structure/button.css index bc2a62b..b27c3de 100644 --- a/css/structure/button.css +++ b/css/structure/button.css @@ -4,6 +4,7 @@ --button-secondary-background: var(--secondary-color); --button-secondary-background-image: none; --button-primary-color: var(--inverse-color); + --button-primary-color-hover: var(--inverse-color); --button-secondary-color: var(--inverse-color); } @@ -15,7 +16,7 @@ .uk-button-primary:hover { background-color: var(--button-secondary-background); background-image: var(--button-primary-background-image); - color: var(--button-primary-color); + color: var(--button-primary-color-hover); } .uk-button-secondary { diff --git a/css/structure/text.css b/css/structure/text.css index 032d43b..bf75bc4 100644 --- a/css/structure/text.css +++ b/css/structure/text.css @@ -1,9 +1,10 @@ :root { + --font-default-color: #4b4b4b; --font-primary-color: var(--primary-color); --font-secondary-color: var(--secondary-color); } -.uk-text-primary{ +.uk-text-primary, .uk-section-primary:not(.uk-preserve-color) .uk-text-primary{ color: var(--font-primary-color) !important; }