From 42f5744ab32a189da44a1f0de5ca26f5a3af716a Mon Sep 17 00:00:00 2001 From: Alexander Foremny Date: Thu, 24 Sep 2026 12:54:07 +0200 Subject: [PATCH] keycloak-forgejo: fix theme --- .../login/resources/css/dunder-mifflin.css | 53 +++++++++++++++++++ .../login/resources/css/styles.css | 49 ----------------- .../dunder_mifflin/login/theme.properties | 3 +- 3 files changed, 55 insertions(+), 50 deletions(-) create mode 100644 examples/keycloak-forgejo/themes/dunder_mifflin/login/resources/css/dunder-mifflin.css delete mode 100644 examples/keycloak-forgejo/themes/dunder_mifflin/login/resources/css/styles.css diff --git a/examples/keycloak-forgejo/themes/dunder_mifflin/login/resources/css/dunder-mifflin.css b/examples/keycloak-forgejo/themes/dunder_mifflin/login/resources/css/dunder-mifflin.css new file mode 100644 index 0000000..ec27f72 --- /dev/null +++ b/examples/keycloak-forgejo/themes/dunder_mifflin/login/resources/css/dunder-mifflin.css @@ -0,0 +1,53 @@ +/* Dunder Mifflin Paper Company -- corporate beige with Scranton blue. + */ + +.login-pf body { + background: #f4ede1; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +#kc-header-wrapper { + font-size: 0; + line-height: normal; + text-align: center; +} +#kc-header-wrapper::before { + content: "DUNDER MIFFLIN"; + display: block; + font-size: 38px; + font-weight: 900; + letter-spacing: 6px; + color: #003c8f; +} +#kc-header-wrapper::after { + content: "Paper Company, Inc."; + display: block; + font-size: 12px; + font-weight: 400; + letter-spacing: 3px; + color: #6c6c6c; + margin-top: 4px; + text-transform: uppercase; +} + +.pf-v5-c-login__main { + --keycloak-card-top-color: #003c8f; + background: #ffffff; + border: 1px solid #003c8f; + border-radius: 2px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); +} + +.pf-v5-c-login__main a { + color: #003c8f; +} +.pf-v5-c-login__main a:hover { + color: #002d6b; +} + +.pf-v5-c-button.pf-m-primary { + --pf-v5-c-button--m-primary--BackgroundColor: #003c8f; + --pf-v5-c-button--m-primary--hover--BackgroundColor: #002d6b; + --pf-v5-c-button--m-primary--active--BackgroundColor: #002d6b; + --pf-v5-c-button--m-primary--focus--BackgroundColor: #002d6b; +} diff --git a/examples/keycloak-forgejo/themes/dunder_mifflin/login/resources/css/styles.css b/examples/keycloak-forgejo/themes/dunder_mifflin/login/resources/css/styles.css deleted file mode 100644 index b8cc6bd..0000000 --- a/examples/keycloak-forgejo/themes/dunder_mifflin/login/resources/css/styles.css +++ /dev/null @@ -1,49 +0,0 @@ -/* Dunder Mifflin Paper Company -- corporate beige with Scranton blue. */ -body, -.login-pf-page, -.pf-v5-c-login, -.pf-v5-c-login__main, -.pf-v5-c-login__container { - background: #f4ede1 !important; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; -} - -.kc-logo-text { - background-image: none !important; - text-align: center; -} -.kc-logo-text::before { - content: "DUNDER MIFFLIN"; - display: block; - font-size: 38px; - font-weight: 900; - letter-spacing: 6px; - color: #003c8f; -} -.kc-logo-text::after { - content: "Paper Company, Inc."; - display: block; - font-size: 12px; - font-weight: 400; - letter-spacing: 3px; - color: #6c6c6c; - margin-top: 4px; - text-transform: uppercase; -} - -.pf-v5-c-login__main { - background: #ffffff !important; - border: 1px solid #003c8f; - border-top: 4px solid #003c8f; - border-radius: 2px; - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); -} - -.pf-v5-c-button.pf-m-primary { - background-color: #003c8f !important; - border-color: #003c8f !important; -} - -.pf-v5-c-login__footer-item a { - color: #003c8f !important; -} diff --git a/examples/keycloak-forgejo/themes/dunder_mifflin/login/theme.properties b/examples/keycloak-forgejo/themes/dunder_mifflin/login/theme.properties index 0839660..748a41d 100644 --- a/examples/keycloak-forgejo/themes/dunder_mifflin/login/theme.properties +++ b/examples/keycloak-forgejo/themes/dunder_mifflin/login/theme.properties @@ -1,4 +1,5 @@ parent=keycloak.v2 import=common/keycloak -styles=css/styles.css +styles=css/styles.css css/dunder-mifflin.css +darkMode=false