Enabled copy in the docker file

Added a spiffworkflow logo, colors, fonts, styling to login page based off the styles used on our website.
Maybe someday these can bleed through to the app itself.

spiffworkflow-backend/keycloak/Dockerfile

@@ -17,7 +17,7 @@ FROM quay.io/keycloak/keycloak:22.0.4
 COPY --from=builder /opt/keycloak/ /opt/keycloak/
 WORKDIR /opt/keycloak
 
-# COPY spifftheme keycloak:/opt/keycloak/themes/
+COPY spifftheme keycloak:/opt/keycloak/themes/
 
 # for demonstration purposes only, please make sure to use proper certificates in production instead
 # RUN keytool -genkeypair -storepass password -storetype PKCS12 -keyalg RSA -keysize 2048 -dname "CN=server" -alias server -ext "SAN:c=DNS:localhost,IP:127.0.0.1" -keystore conf/server.keystore

spiffworkflow-backend/keycloak/bin/start_keycloak

@@ -50,6 +50,15 @@ docker run \
   -Dkeycloak.profile.feature.token_exchange=enabled \
   -Dkeycloak.profile.feature.admin_fine_grained_authz=enabled
 
+# Add these lines if you want live reloading of changed theme files
+# Theme files are stored in keycloak/spifftheme.  From the keycloak
+# directory run docker cp ./spifftheme keycloak:/opt/keycloak/themes to
+# see changes.
+#  \
+#  -D--spi-theme-static-max-age=-1 \
+#  -D--spi-theme-cache-themes=false \
+#  -D--spi-theme-cache-templates=false
+
 script_dir="$( cd -- "$(dirname "$0")" >/dev/null 2>&1 ; pwd -P )"
 cp "${script_dir}/../realm_exports/${realm_name}-realm.json" /tmp/${realm_name}-realm.json
 spiff_subdomain="for-local-dev.spiffworkflow.org"
@@ -76,6 +85,7 @@ if [ "${TURN_OFF_SSL:-}" == "true" ]; then
   echo 'turned off SSL requirement'
 fi
 
+
 docker stop keycloak
 docker start keycloak
 

spiffworkflow-backend/keycloak/spifftheme/login/resources/css/styles.css

@@ -0,0 +1,77 @@
+:root {
+  --pf-global--link--Color: #126d82;
+  --pf-global--link--Color--hover: #004080;
+  --pf-global--link--Color--visited: #40199a;
+  --pf-global--primary-color--100: #126d82;
+  --pf-global--primary-color--200: #004080;
+  --pf-c-form__label--FontSize: 1.25rem;
+  --pf-c-form__label--LineHeight: 1.5rem;
+}
+
+.login-pf body {
+    background:white;
+    font-family: open sans,sans-serif;
+}
+
+
+.login-pf-page .login-pf-header h1 {
+    font-size: 2rem;
+    line-height: 2.5rem;
+}
+
+.login-pf-page-header {
+    background-repeat:no-repeat;
+    background-position: center center;
+    background-image: url(../images/spiffworkflow_logo.png);
+    min-height: 60px;
+}
+
+#kc-header-wrapper {
+    display: none;
+}
+
+#kc-social-providers:after {
+  content: 'You can also request a login link via email by sending a request to support@spiffworkflow.com';
+}
+
+.card-pf {
+    margin: 0 auto;
+    margin-bottom: 0px;
+    box-shadow: var(--pf-global--BoxShadow--lg);
+    padding: 0 20px;
+    max-width: 500px;
+    border-top: 4px solid;
+    border-top-color: currentcolor;
+    border-color: var(--pf-global--primary-color--100);
+}
+
+.pf-c-button.pf-m-primary {
+    background: #FF7A59;
+    border-color: #FF7A59;
+    border-radius: 15px;
+    color: #FFFFFF;
+    font-size: 1.2rem;
+    line-height: 2.5rem;
+    font-weight: 700;
+}
+
+.pf-c-button.kc-social-item {
+    background: #126d82;
+    border-color: #126d82;
+    border-radius: 15px;
+    color: #FFFFFF;
+    font-size: 1rem;
+    line-height: 1.5rem;
+    font-weight: 500;
+    padding: 10px;
+    --pf-c-button--after--BorderColor: none;
+}
+
+
+
+.pf-c-login__main-footer-links.kc-social-links {
+    display: block;
+}
+
+
+

spiffworkflow-backend/keycloak/spifftheme/login/theme.properties

@@ -1,3 +1,3 @@
-parent=base
+parent=keycloak
 import=common/keycloak
 styles=css/styles.css

spiffworkflow-backend/keycloak/spifftheme/resources/css/styles.css

@@ -1,3 +0,0 @@
-.login-pf body {
-    background: DimGrey none;
-}