From 00b2afb2224f1319af367539c9db8bc484c1f8bd Mon Sep 17 00:00:00 2001 From: Julius Härtl Date: Wed, 27 Mar 2019 16:03:31 +0100 Subject: Darken element color and add exception for primary buttons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- apps/theming/css/theming.scss | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) (limited to 'apps/theming/css') diff --git a/apps/theming/css/theming.scss b/apps/theming/css/theming.scss index 7db64924f34..ae0e7ad2f8b 100644 --- a/apps/theming/css/theming.scss +++ b/apps/theming/css/theming.scss @@ -203,6 +203,28 @@ input.primary, } } +/** Handle primary buttons for bright colors */ +@if (luma($color-primary) > 0.8) { + select, + button, .button, + input:not([type='range']), + textarea, + div[contenteditable=true], + .pager li a { + &.primary:not(:disabled) { + background-color: var(--color-background-dark); + color: var(--color-main-text); + border: 1px solid var(--color-background-darker); + + &:hover, &:focus, &:active { + background-color: var(--color-background-darker); + color: var(--color-main-text); + } + } + } + +} + @if ($color-primary == #ffffff) { /* show grey border below header */ #body-user #header, -- cgit v1.2.3