From b4e11828c33f22fe0ad9020c154709d62bdb3474 Mon Sep 17 00:00:00 2001 From: kolaente Date: Wed, 24 Nov 2021 20:49:36 +0100 Subject: [PATCH] fix: datepicker color in light theme when opening as popup --- src/styles/custom-properties/colors.scss | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/src/styles/custom-properties/colors.scss b/src/styles/custom-properties/colors.scss index 2fc3ba0d0..eeaa66b79 100644 --- a/src/styles/custom-properties/colors.scss +++ b/src/styles/custom-properties/colors.scss @@ -82,6 +82,14 @@ --input-disabled-background-color: var(--grey-100); --input-disabled-border-color: var(--grey-300); + // Text renders better in grey than black + --text: var(--grey-800); + --text-invert: #000; + --text-light: var(--grey-300); + --text-strong: var(--grey-900); + + --button-hover-color: var(--grey-900); + &.dark { // Light mode colours reversed for dark mode --grey-900-hsl: 210, 20%, 98%; @@ -103,12 +111,6 @@ --white: var(--grey-50); --black-l: 100%; - // Text renders better in grey than black - --text: var(--grey-800); - --text-invert: #000; - --text-light: var(--grey-300); - --text-strong: var(--grey-900); - // Elements that rely on Bulma defaults in light mode but // need to be overriden in dark mode --input-placeholder-color: hsla(var(--grey-900-hsl), 0.6);