From e78c318bf27cd0a22d42c14bea9a2173478c93df Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Christer=20War=C3=A9n?= Date: Thu, 21 Jul 2022 18:21:55 +0300 Subject: [PATCH] Update Piraattipuolue theme --- .../login/resources/css/piraattipuolue.css | 23 ++++++++++++++++--- .../welcome/resources/css/piraattipuolue.css | 4 ++++ 2 files changed, 24 insertions(+), 3 deletions(-) diff --git a/piraattipuolue/login/resources/css/piraattipuolue.css b/piraattipuolue/login/resources/css/piraattipuolue.css index 2258de7..fd51e4b 100644 --- a/piraattipuolue/login/resources/css/piraattipuolue.css +++ b/piraattipuolue/login/resources/css/piraattipuolue.css @@ -1,11 +1,15 @@ body { - background-image: none !important; + background-image: linear-gradient(to bottom right, #512483, #000000) !important; background-color: #512483; background-repeat: no-repeat; background-position: center; background-size: cover !important; } +a, a:active, a:focus, a:hover, a:visited, a:link { + color: #512483 !important; +} + #kc-header-wrapper { font-family: sans-serif; } @@ -13,6 +17,19 @@ body { div.kc-logo-text.kc-logo-custom { background-image: url(../img/logo-light.svg); background-position: center; + background-size: 100%; +} + +.login-pf-page .card-pf { + border-color: #000000; +} + +.pf-c-button.pf-m-primary { + background-color: #000000; +} + +.pf-c-form-control:focus, .pf-c-form-control:hover { + border-bottom-color: #512483; } @media (max-width: 767px){ @@ -33,7 +50,7 @@ div.kc-logo-text.kc-logo-custom { } .login-pf body { - background: none no-repeat center center fixed; + background: linear-gradient(to bottom right, #512483, #000000) no-repeat center center fixed; } .login-pf-page { @@ -46,7 +63,7 @@ div.kc-logo-text.kc-logo-custom { margin-right: auto; padding-top: 10px; border-top: 4px solid; - border-color: var(--pf-global--primary-color--100); + border-color: #000000; } } diff --git a/piraattipuolue/welcome/resources/css/piraattipuolue.css b/piraattipuolue/welcome/resources/css/piraattipuolue.css index d84d854..3bb49e5 100644 --- a/piraattipuolue/welcome/resources/css/piraattipuolue.css +++ b/piraattipuolue/welcome/resources/css/piraattipuolue.css @@ -1,5 +1,9 @@ body { + background-image: linear-gradient(to bottom right, #512483, #000000) !important; background-color: #512483; + background-repeat: no-repeat; + background-position: center; + background-size: cover !important; align-items: center; justify-content: center; width: 100vw;