chore: set custom css on login

entropia/account/theme.properties

@@ -0,0 +1,14 @@
+parent=base
+import=common/keycloak
+
+styles=css/account.css
+stylesCommon=node_modules/patternfly/dist/css/patternfly.min.css node_modules/patternfly/dist/css/patternfly-additions.min.css
+
+##### css classes for form buttons
+# main class used for all buttons
+kcButtonClass=btn
+# classes defining priority of the button - primary or default (there is typically only one priority button for the form)
+kcButtonPrimaryClass=btn-primary
+kcButtonDefaultClass=btn-default
+# classes defining size of the button
+kcButtonLargeClass=btn-lg

entropia/admin/theme.properties

@@ -0,0 +1,5 @@
+parent=base
+import=common/keycloak
+
+styles=css/styles.css
+stylesCommon=node_modules/patternfly/dist/css/patternfly.min.css node_modules/patternfly/dist/css/patternfly-additions.min.css node_modules/select2/select2.css lib/angular/treeview/css/angular.treeview.css node_modules/text-security/text-security.css

entropia/login/resources/css/login.css

@@ -1,9 +1,3 @@
-:root {
-    --pf-global--primary-color--100: #ea5b0c;
-    --default-background-color: #ea5b0c;
-    --link-hover-color: #ea5b0c;
-}
-
 /* Patternfly CSS places a "bg-login.jpg" as the background on this ".login-pf" class.
    This clashes with the "keycloak-bg.png' background defined on the body below.
    Therefore the Patternfly background must be set to none. */
@@ -12,11 +6,9 @@
 }
 
 .login-pf body {
-    background: var(--default-background-color) url(../../../common/finallycoffee/img/background.jpg);
+    background: url("../img/keycloak-bg.png") no-repeat center center fixed;
-    background-position: center;
     background-size: cover;
     height: 100%;
-    color: var(--pf-global--Color--light-200);
 }
 
 textarea.pf-c-form-control {
@@ -36,24 +28,8 @@ p.instruction {
     border-color: rgba(230, 230, 230, 0.5);
 }
 
-.pf-c-button.pf-m-primary {
-    background: var(--default-background-color);
-}
-
-h1#kc-page-title::before {
-    content: "";
-    height: 200px;
-    display: block;
-    background-image: url(../../../common/finallycoffee/img/antifa_lesbian_pride.svg);
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 143.37px 200px;
-    margin-bottom: 20px;
-}
-
 h1#kc-page-title {
     margin-top: 10px;
-    color: var(--pf-global--BackgroundColor--100);
 }
 
 #kc-locale ul {
@@ -136,8 +112,6 @@ div.kc-logo-text span {
 #kc-username {
     text-align: center;
     margin-bottom:-10px;
-    color: var(--pf-global--palette-black-150);
-    height: 290px;
 }
 
 #kc-webauthn-settings-form {
@@ -149,16 +123,15 @@ div.kc-logo-text span {
 }
 
 #kc-form-webauthn .select-auth-box-desc {
-    color: var(--pf-global--palette--black-400);
+    color: var(--pf-global--palette--black-600);
 }
 
 #kc-form-webauthn .select-auth-box-headline {
-    color: var(--pf-global--palette-black--150);
+    color: var(--pf-global--Color--300);
 }
 
 #kc-form-webauthn .select-auth-box-icon {
     flex: 0 0 3em;
-    color: var(--default-background-color);
 }
 
 #kc-form-webauthn .select-auth-box-icon-properties {
@@ -174,10 +147,6 @@ div.kc-logo-text span {
     margin: -1px 0;
 }
 
-#kc-form-webauthn .select-auth-box-paragraph {
-    color: var(--pf-global--palette--black-600);
-}
-
 #kc-content-wrapper {
     margin-top: 20px;
 }
@@ -186,14 +155,6 @@ div.kc-logo-text span {
     margin-top: 10px;
 }
 
-#kc-form-wrapper #kc-form-login label {
-    color: var(--pf-global--BackgroundColor--light-100);
-}
-
-#kc-form-wrapper #kc-form-login .pf-c-form-control {
-    background-color: var(--pf-global--BackgroundColor--light-300);
-}
-
 #kc-info {
     margin: 20px -40px -30px;
 }
@@ -210,7 +171,7 @@ div.kc-logo-text span {
 
 #kc-form-options .checkbox {
     margin-top: 0;
-    color: var(--pf-global--Color--light-300);
+    color: #72767b;
 }
 
 #kc-terms-text {
@@ -528,7 +489,6 @@ ul#kc-totp-supported-apps {
     max-width: 500px;
     border-top: 4px solid;
     border-color: var(--pf-global--primary-color--100);
-    background: var(--pf-global--BackgroundColor--dark-300);
 }
 
 /*phone*/

entropia/login/theme.properties

@@ -0,0 +1,161 @@
+parent=base
+import=common/keycloak
+
+styles=css/login.css
+stylesCommon=web_modules/@patternfly/react-core/dist/styles/base.css web_modules/@patternfly/react-core/dist/styles/app.css node_modules/patternfly/dist/css/patternfly.min.css node_modules/patternfly/dist/css/patternfly-additions.min.css lib/pficon/pficon.css
+
+meta=viewport==width=device-width,initial-scale=1
+
+kcHtmlClass=login-pf
+kcLoginClass=login-pf-page
+
+kcLogoLink=http://www.keycloak.org
+
+kcLogoClass=login-pf-brand
+
+kcContainerClass=container-fluid
+kcContentClass=col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3
+
+kcHeaderClass=login-pf-page-header
+kcFeedbackAreaClass=col-md-12
+kcLocaleClass=col-xs-12 col-sm-1
+
+## Locale
+kcLocaleMainClass=pf-c-dropdown
+kcLocaleListClass=pf-c-dropdown__menu pf-m-align-right
+kcLocaleItemClass=pf-c-dropdown__menu-item
+
+## Alert
+kcAlertClass=pf-c-alert pf-m-inline
+kcAlertTitleClass=pf-c-alert__title kc-feedback-text
+
+kcFormAreaClass=col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2
+kcFormCardClass=card-pf
+
+### Social providers
+kcFormSocialAccountListClass=pf-c-login__main-footer-links kc-social-links
+kcFormSocialAccountListGridClass=pf-l-grid kc-social-grid
+kcFormSocialAccountListButtonClass=pf-c-button pf-m-control pf-m-block kc-social-item kc-social-gray
+kcFormSocialAccountGridItem=pf-l-grid__item
+
+kcFormSocialAccountNameClass=kc-social-provider-name
+kcFormSocialAccountLinkClass=pf-c-login__main-footer-links-item-link
+kcFormSocialAccountSectionClass=kc-social-section kc-social-gray
+kcFormHeaderClass=login-pf-header
+
+kcFeedbackErrorIcon=fa fa-fw fa-exclamation-circle
+kcFeedbackWarningIcon=fa fa-fw fa-exclamation-triangle
+kcFeedbackSuccessIcon=fa fa-fw fa-check-circle
+kcFeedbackInfoIcon=fa fa-fw fa-info-circle
+
+kcResetFlowIcon=pficon pficon-arrow fa
+
+# WebAuthn icons
+kcWebAuthnKeyIcon=pficon pficon-key
+kcWebAuthnDefaultIcon=pficon pficon-key
+kcWebAuthnUnknownIcon=pficon pficon-key unknown-transport-class
+kcWebAuthnUSB=fa fa-usb
+kcWebAuthnNFC=fa fa-wifi
+kcWebAuthnBLE=fa fa-bluetooth-b
+kcWebAuthnInternal=pficon pficon-key
+
+kcFormClass=form-horizontal
+kcFormGroupClass=form-group
+kcFormGroupErrorClass=has-error
+kcLabelClass=pf-c-form__label pf-c-form__label-text
+kcLabelWrapperClass=col-xs-12 col-sm-12 col-md-12 col-lg-12
+kcInputClass=pf-c-form-control
+kcInputHelperTextBeforeClass=pf-c-form__helper-text pf-c-form__helper-text-before
+kcInputHelperTextAfterClass=pf-c-form__helper-text pf-c-form__helper-text-after
+kcInputClassRadio=pf-c-radio
+kcInputClassRadioInput=pf-c-radio__input
+kcInputClassRadioLabel=pf-c-radio__label
+kcInputClassCheckbox=pf-c-check
+kcInputClassCheckboxInput=pf-c-check__input
+kcInputClassCheckboxLabel=pf-c-check__label
+kcInputClassRadioCheckboxLabelDisabled=pf-m-disabled
+kcInputErrorMessageClass=pf-c-form__helper-text pf-m-error required kc-feedback-text
+kcInputWrapperClass=col-xs-12 col-sm-12 col-md-12 col-lg-12
+kcFormOptionsClass=col-xs-12 col-sm-12 col-md-12 col-lg-12
+kcFormButtonsClass=col-xs-12 col-sm-12 col-md-12 col-lg-12
+kcFormSettingClass=login-pf-settings
+kcTextareaClass=form-control
+kcSignUpClass=login-pf-signup
+
+
+kcInfoAreaClass=col-xs-12 col-sm-4 col-md-4 col-lg-5 details
+
+### user-profile grouping
+kcFormGroupHeader=pf-c-form__group
+
+##### css classes for form buttons
+# main class used for all buttons
+kcButtonClass=pf-c-button
+# classes defining priority of the button - primary or default (there is typically only one priority button for the form)
+kcButtonPrimaryClass=pf-m-primary
+kcButtonDefaultClass=btn-default
+# classes defining size of the button
+kcButtonLargeClass=btn-lg
+kcButtonBlockClass=pf-m-block
+
+##### css classes for input
+kcInputLargeClass=input-lg
+
+##### css classes for form accessability
+kcSrOnlyClass=sr-only
+
+##### css classes for select-authenticator form
+kcSelectAuthListClass=pf-l-stack select-auth-container
+kcSelectAuthListItemClass=pf-l-stack__item select-auth-box-parent pf-l-split
+kcSelectAuthListItemIconClass=pf-l-split__item select-auth-box-icon
+kcSelectAuthListItemIconPropertyClass=fa-2x select-auth-box-icon-properties
+kcSelectAuthListItemBodyClass=pf-l-split__item pf-l-stack
+kcSelectAuthListItemHeadingClass=pf-l-stack__item select-auth-box-headline pf-c-title
+kcSelectAuthListItemDescriptionClass=pf-l-stack__item select-auth-box-desc
+kcSelectAuthListItemFillClass=pf-l-split__item pf-m-fill
+kcSelectAuthListItemArrowClass=pf-l-split__item select-auth-box-arrow
+kcSelectAuthListItemArrowIconClass=fa fa-angle-right fa-lg
+kcSelectAuthListItemTitle=select-auth-box-paragraph
+
+##### css classes for the authenticators
+kcAuthenticatorDefaultClass=fa fa-list list-view-pf-icon-lg
+kcAuthenticatorPasswordClass=fa fa-unlock list-view-pf-icon-lg
+kcAuthenticatorOTPClass=fa fa-mobile list-view-pf-icon-lg
+kcAuthenticatorWebAuthnClass=fa fa-key list-view-pf-icon-lg
+kcAuthenticatorWebAuthnPasswordlessClass=fa fa-key list-view-pf-icon-lg
+
+##### css classes for the OTP Login Form
+kcLoginOTPListClass=pf-c-tile
+kcLoginOTPListInputClass=pf-c-tile__input
+kcLoginOTPListItemHeaderClass=pf-c-tile__header
+kcLoginOTPListItemIconBodyClass=pf-c-tile__icon
+kcLoginOTPListItemIconClass=fa fa-mobile
+kcLoginOTPListItemTitleClass=pf-c-tile__title
+
+##### css classes for identity providers logos
+kcCommonLogoIdP=kc-social-provider-logo kc-social-gray
+
+## Social
+kcLogoIdP-facebook=fa fa-facebook
+kcLogoIdP-google=fa fa-google
+kcLogoIdP-github=fa fa-github
+kcLogoIdP-linkedin=fa fa-linkedin
+kcLogoIdP-instagram=fa fa-instagram
+## windows instead of microsoft - not included in PF4
+kcLogoIdP-microsoft=fa fa-windows
+kcLogoIdP-bitbucket=fa fa-bitbucket
+kcLogoIdP-gitlab=fa fa-gitlab
+kcLogoIdP-paypal=fa fa-paypal
+kcLogoIdP-stackoverflow=fa fa-stack-overflow
+kcLogoIdP-twitter=fa fa-twitter
+kcLogoIdP-openshift-v4=pf-icon pf-icon-openshift
+kcLogoIdP-openshift-v3=pf-icon pf-icon-openshift
+
+## Recovery codes
+kcRecoveryCodesWarning=kc-recovery-codes-warning
+kcRecoveryCodesList=kc-recovery-codes-list
+kcRecoveryCodesActions=kc-recovery-codes-actions
+kcRecoveryCodesConfirmation=kc-recovery-codes-confirmation
+kcCheckClass=pf-c-check
+kcCheckInputClass=pf-c-check__input
+kcCheckLabelClass=pf-c-check__label

entropia/welcome/index.ftl

@@ -0,0 +1,135 @@
+<!--
+  ~ JBoss, Home of Professional Open Source.
+  ~ Copyright (c) 2011, Red Hat, Inc., and individual contributors
+  ~ as indicated by the @author tags. See the copyright.txt file in the
+  ~ distribution for a full listing of individual contributors.
+  ~
+  ~ This is free software; you can redistribute it and/or modify it
+  ~ under the terms of the GNU Lesser General Public License as
+  ~ published by the Free Software Foundation; either version 2.1 of
+  ~ the License, or (at your option) any later version.
+  ~
+  ~ This software is distributed in the hope that it will be useful,
+  ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
+  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+  ~ Lesser General Public License for more details.
+  ~
+  ~ You should have received a copy of the GNU Lesser General Public
+  ~ License along with this software; if not, write to the Free
+  ~ Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+  ~ 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+  -->
+<!DOCTYPE html>
+
+<html>
+<head>
+    <title>Welcome to ${productName}</title>
+
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="robots" content="noindex, nofollow">
+
+    <link rel="shortcut icon" href="${resourcesPath}/img/favicon.ico" />
+
+    <#if properties.stylesCommon?has_content>
+        <#list properties.stylesCommon?split(' ') as style>
+            <link href="${resourcesCommonPath}/${style}" rel="stylesheet" />
+        </#list>
+    </#if>
+    <#if properties.styles?has_content>
+        <#list properties.styles?split(' ') as style>
+            <link href="${resourcesPath}/${style}" rel="stylesheet" />
+        </#list>
+    </#if>
+</head>
+
+<body>
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
+      <div class="welcome-header">
+        <img src="${resourcesPath}/logo.png" alt="${productName}" border="0" />
+        <h1>Welcome to <strong>${productName}</strong></h1>
+      </div>
+      <div class="row">
+        <#if adminConsoleEnabled>
+        <div class="col-xs-12 col-sm-4">
+          <div class="card-pf h-l">
+            <#if successMessage?has_content>
+                <p class="alert success">${successMessage}</p>
+            <#elseif errorMessage?has_content>
+                <p class="alert error">${errorMessage}</p>
+                <h3><img src="welcome-content/user.png">Administration Console</h3>
+            <#elseif bootstrap>
+            <#if localUser>
+                <h3><img src="welcome-content/user.png">Administration Console</h3>
+                <p>Please create an initial admin user to get started.</p>
+            <#else>
+                <p class="welcome-message">
+                    <img src="welcome-content/alert.png">You need local access to create the initial admin user. <br><br>Open <a href="${localAdminUrl}">${localAdminUrl}</a>
+                    <br>${adminUserCreationMessage}.
+                </p>
+            </#if>
+            </#if>
+
+            <#if bootstrap && localUser>
+                <form method="post" class="welcome-form">
+                    <p>
+                        <label for="username">Username</label>
+                        <input id="username" name="username" />
+                    </p>
+
+                    <p>
+                        <label for="password">Password</label>
+                        <input id="password" name="password" type="password" />
+                    </p>
+
+                    <p>
+                        <label for="passwordConfirmation">Password confirmation</label>
+                        <input id="passwordConfirmation" name="passwordConfirmation" type="password" />
+                    </p>
+
+                    <input id="stateChecker" name="stateChecker" type="hidden" value="${stateChecker}" />
+
+                    <button id="create-button" type="submit" class="btn btn-primary">Create</button>
+                </form>
+            </#if>
+
+            <div class="welcome-primary-link">
+              <h3><a href="${adminUrl}"><img src="welcome-content/user.png">Administration Console <i class="fa fa-angle-right link" aria-hidden="true"></i></a></h3>
+              <div class="description">
+                Centrally manage all aspects of the ${productName} server
+              </div>
+            </div>
+          </div>
+        </div>
+        </#if> <#-- adminConsoleEnabled -->
+        <div class="col-xs-12 col-sm-4">
+          <div class="card-pf h-l">
+            <h3><a href="${properties.documentationUrl}"><img class="doc-img" src="welcome-content/admin-console.png">Documentation <i class="fa fa-angle-right link" aria-hidden="true"></i></a></h3>
+            <div class="description">
+
+              User Guide, Admin REST API and Javadocs
+
+            </div>
+          </div>
+        </div>
+        <div class="col-xs-12 col-sm-4">
+        <#if properties.displayCommunityLinks = "true">
+          <div class="card-pf h-m">
+            <h3><a href="http://www.keycloak.org"><img src="welcome-content/keycloak-project.png">Keycloak Project <i class="fa fa-angle-right link" aria-hidden="true"></i></a></h3>
+          </div>
+          <div class="card-pf h-m">
+            <h3><a href="https://groups.google.com/forum/#!forum/keycloak-user"><img src="welcome-content/mail.png">Mailing List <i class="fa fa-angle-right link" aria-hidden="true"></i></a></h3>
+          </div>
+          <div class="card-pf h-m">
+            <h3><a href="https://github.com/keycloak/keycloak/issues"><img src="welcome-content/bug.png">Report an issue <i class="fa fa-angle-right link" aria-hidden="true"></i></a></h3>
+          </div>
+        </#if>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>

entropia/welcome/resources/css/welcome.css

@@ -0,0 +1,140 @@
+body {
+	background: #fff url(../bg.png) no-repeat center bottom fixed;
+	background-size: cover;
+}
+.welcome-header {
+	margin-top: 10px;
+	margin-bottom: 50px;
+	margin-left: -10px;
+}
+.welcome-header img {
+	width: 150px;
+	margin-bottom: 40px;
+}
+.welcome-message {
+	margin-top: 20px;
+}
+.h-l {
+	min-height: 370px;
+	padding: 10px 20px 10px;
+	overflow: hidden;
+}
+.h-l h3 {
+	margin-bottom: 10px;
+}
+.h-m {
+	height: 110px;
+	padding-top: 23px;
+}
+.card-pf img {
+	width: 22px;
+	margin-right: 10px;
+	vertical-align: bottom;
+}
+img.doc-img {
+	width: auto;
+	height: 22px;
+}
+.link {
+	font-size: 16px;
+	vertical-align: baseline;
+	margin-left: 5px;
+}
+h3 {
+	font-weight: 550;
+}
+h3 a:link,
+h3 a:visited {
+	color: #333;
+	font-weight: 550;
+}
+h3 a:hover,
+h3 a:hover .link {
+	text-decoration: none;
+	color: #00659c;
+}
+.h-l h3 a img {
+	height: 30px;
+	width: auto;
+}
+
+.description {
+	margin-top: 30px;
+}
+
+.card-pf {
+	border-top: 1px solid rgba(3, 3, 3, 0.1);
+	box-shadow: 0 1px 1px rgba(3, 3, 3, 0.275);
+}
+
+.welcome-form label,
+.welcome-form input {
+	display: block;
+	width: 100%;
+}
+
+.welcome-form label {
+	color: #828486;
+	font-weight: normal;
+	margin-top: 18px;
+}
+.welcome-form input {
+	border: 0;
+	border-bottom: solid 1px #cbcbcb;
+}
+.welcome-form input:focus {
+	border-bottom: solid 1px #5e99c6;
+	outline-width: 0;
+}
+.welcome-form button {
+	margin-top: 10px;
+}
+.error {
+  color: #c00;
+	border-color: #c00;
+	padding: 5px 10px;
+}
+.success {
+	color: #3f9c35;
+	border-color: #3f9c35;
+	padding: 5px 10px;
+}
+.welcome-form + .welcome-primary-link,
+.welcome-message + .welcome-primary-link {
+	display: none;
+}
+
+.footer img {
+	float: right;
+	width: 150px;
+	margin-top: 30px;
+}
+
+@media (max-width: 768px) {
+	.welcome-header {
+		margin-top: 10px;
+		margin-bottom: 20px;
+	}
+	.welcome-header img {
+		margin-bottom: 20px;
+	}
+	h3 {
+		margin-top: 10px;
+	}
+	.h-l,
+	.h-m {
+		height: auto;
+		min-height: auto;
+		padding: 5px 10px;
+	}
+	.h-l img {
+		display: inline;
+		margin-bottom: auto;
+	}
+	.description {
+		display: none;
+	}
+	.footer img {
+		margin-top: 10px;
+	}
+}

entropia/welcome/theme.properties

@@ -0,0 +1,7 @@
+styles=css/welcome.css
+import=common/keycloak
+
+stylesCommon=node_modules/patternfly/dist/css/patternfly.css node_modules/patternfly/dist/css/patternfly-additions.css
+
+documentationUrl=https://www.keycloak.org/documentation.html
+displayCommunityLinks=true

finallycoffee/account/messages/messages_en.properties

@@ -1,2 +0,0 @@
-lastName=Name
-signingInSidebarTitle=Signing in & Security

finallycoffee/account/theme.properties

@@ -1,2 +1,3 @@
-parent=keycloak.v2
+parent=keycloak.v3
-logo=/img/antifa_coffee_cups.svg
+import=common/finallycoffee
+logo=/img/antifa_coffee_cups.png

finallycoffee/admin/theme.properties

@@ -1,6 +1,3 @@
-parent=base
+parent=keycloak.v2
-import=common/keycloak
+import=common/finallycoffee
-logo=/img/antifa_trans_pride.svg
+logo=/img/antifa_trans_pride.png
-
-styles=css/styles.css
-stylesCommon=node_modules/patternfly/dist/css/patternfly.min.css node_modules/patternfly/dist/css/patternfly-additions.min.css node_modules/select2/select2.css lib/angular/treeview/css/angular.treeview.css node_modules/text-security/text-security.css

finallycoffee/login/resources/css/custom.css

@@ -0,0 +1,28 @@
+div.kc-logo-text {
+	background-image: url('../img/antifa_lesbian_pride.png');
+	background-size: 256px 256px;
+	background-repeat: no-repeat;
+	height: 256px;
+	width: 256px;
+	margin: 0 auto;
+}
+div.kc-logo-text span {
+	display: none;
+}
+
+.login-pf body {
+        background: url('../img/background.jpg') no-repeat center center fixed !important;
+        background-size: cover !important;
+}
+
+@media (max-width: 767px) {
+  #kc-header-wrapper {
+    padding: 20px 0 60px 0 !important;
+    color: #ededed !important;
+    font-size: 29px !important;
+    font-weight: var(--pf-global--FontWeight--normal) !important;
+    letter-spacing: 3px !important;
+    line-height: 1.2em !important;
+    text-align: center !important;
+  }
+}

finallycoffee/login/theme.properties

@@ -1,161 +1,5 @@
-parent=base
+parent=keycloak
-import=common/keycloak
+import=common/finallycoffee
 
-styles=css/login.css
+styles=styles=web_modules/@fontawesome/fontawesome-free/css/icons/all.css web_modules/@patternfly/react-core/dist/styles/base.css web_modules/@patternfly/react-core/dist/styles/app.css node_modules/patternfly/dist/css/patternfly.min.css node_modules/patternfly/dist/css/patternfly-additions.min.css css/login.css css/custom.css
-stylesCommon=web_modules/@patternfly/react-core/dist/styles/base.css web_modules/@patternfly/react-core/dist/styles/app.css node_modules/patternfly/dist/css/patternfly.min.css node_modules/patternfly/dist/css/patternfly-additions.min.css lib/pficon/pficon.css
+logo=img/antifa_lesbian_pride.png
-
-meta=viewport==width=device-width,initial-scale=1
-
-kcHtmlClass=login-pf
-kcLoginClass=login-pf-page
-
-kcLogoLink=http://www.keycloak.org
-
-kcLogoClass=login-pf-brand
-
-kcContainerClass=container-fluid
-kcContentClass=col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3
-
-kcHeaderClass=login-pf-page-header
-kcFeedbackAreaClass=col-md-12
-kcLocaleClass=col-xs-12 col-sm-1
-
-## Locale
-kcLocaleMainClass=pf-c-dropdown
-kcLocaleListClass=pf-c-dropdown__menu pf-m-align-right
-kcLocaleItemClass=pf-c-dropdown__menu-item
-
-## Alert
-kcAlertClass=pf-c-alert pf-m-inline
-kcAlertTitleClass=pf-c-alert__title kc-feedback-text
-
-kcFormAreaClass=col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2
-kcFormCardClass=card-pf
-
-### Social providers
-kcFormSocialAccountListClass=pf-c-login__main-footer-links kc-social-links
-kcFormSocialAccountListGridClass=pf-l-grid kc-social-grid
-kcFormSocialAccountListButtonClass=pf-c-button pf-m-control pf-m-block kc-social-item kc-social-gray
-kcFormSocialAccountGridItem=pf-l-grid__item
-
-kcFormSocialAccountNameClass=kc-social-provider-name
-kcFormSocialAccountLinkClass=pf-c-login__main-footer-links-item-link
-kcFormSocialAccountSectionClass=kc-social-section kc-social-gray
-kcFormHeaderClass=login-pf-header
-
-kcFeedbackErrorIcon=fa fa-fw fa-exclamation-circle
-kcFeedbackWarningIcon=fa fa-fw fa-exclamation-triangle
-kcFeedbackSuccessIcon=fa fa-fw fa-check-circle
-kcFeedbackInfoIcon=fa fa-fw fa-info-circle
-
-kcResetFlowIcon=pficon pficon-arrow fa
-
-# WebAuthn icons
-kcWebAuthnKeyIcon=pficon pficon-key
-kcWebAuthnDefaultIcon=pficon pficon-key
-kcWebAuthnUnknownIcon=pficon pficon-key unknown-transport-class
-kcWebAuthnUSB=fa fa-usb
-kcWebAuthnNFC=fa fa-wifi
-kcWebAuthnBLE=fa fa-bluetooth-b
-kcWebAuthnInternal=pficon pficon-key
-
-kcFormClass=form-horizontal
-kcFormGroupClass=form-group
-kcFormGroupErrorClass=has-error
-kcLabelClass=pf-c-form__label pf-c-form__label-text
-kcLabelWrapperClass=col-xs-12 col-sm-12 col-md-12 col-lg-12
-kcInputClass=pf-c-form-control
-kcInputHelperTextBeforeClass=pf-c-form__helper-text pf-c-form__helper-text-before
-kcInputHelperTextAfterClass=pf-c-form__helper-text pf-c-form__helper-text-after
-kcInputClassRadio=pf-c-radio
-kcInputClassRadioInput=pf-c-radio__input
-kcInputClassRadioLabel=pf-c-radio__label
-kcInputClassCheckbox=pf-c-check
-kcInputClassCheckboxInput=pf-c-check__input
-kcInputClassCheckboxLabel=pf-c-check__label
-kcInputClassRadioCheckboxLabelDisabled=pf-m-disabled
-kcInputErrorMessageClass=pf-c-form__helper-text pf-m-error required kc-feedback-text
-kcInputWrapperClass=col-xs-12 col-sm-12 col-md-12 col-lg-12
-kcFormOptionsClass=col-xs-12 col-sm-12 col-md-12 col-lg-12
-kcFormButtonsClass=col-xs-12 col-sm-12 col-md-12 col-lg-12
-kcFormSettingClass=login-pf-settings
-kcTextareaClass=form-control
-kcSignUpClass=login-pf-signup
-
-
-kcInfoAreaClass=col-xs-12 col-sm-4 col-md-4 col-lg-5 details
-
-### user-profile grouping
-kcFormGroupHeader=pf-c-form__group
-
-##### css classes for form buttons
-# main class used for all buttons
-kcButtonClass=pf-c-button
-# classes defining priority of the button - primary or default (there is typically only one priority button for the form)
-kcButtonPrimaryClass=pf-m-primary
-kcButtonDefaultClass=btn-default
-# classes defining size of the button
-kcButtonLargeClass=btn-lg
-kcButtonBlockClass=pf-m-block
-
-##### css classes for input
-kcInputLargeClass=input-lg
-
-##### css classes for form accessability
-kcSrOnlyClass=sr-only
-
-##### css classes for select-authenticator form
-kcSelectAuthListClass=pf-l-stack select-auth-container
-kcSelectAuthListItemClass=pf-l-stack__item select-auth-box-parent pf-l-split
-kcSelectAuthListItemIconClass=pf-l-split__item select-auth-box-icon
-kcSelectAuthListItemIconPropertyClass=fa-2x select-auth-box-icon-properties
-kcSelectAuthListItemBodyClass=pf-l-split__item pf-l-stack
-kcSelectAuthListItemHeadingClass=pf-l-stack__item select-auth-box-headline pf-c-title
-kcSelectAuthListItemDescriptionClass=pf-l-stack__item select-auth-box-desc
-kcSelectAuthListItemFillClass=pf-l-split__item pf-m-fill
-kcSelectAuthListItemArrowClass=pf-l-split__item select-auth-box-arrow
-kcSelectAuthListItemArrowIconClass=fa fa-angle-right fa-lg
-kcSelectAuthListItemTitle=select-auth-box-paragraph
-
-##### css classes for the authenticators
-kcAuthenticatorDefaultClass=fa fa-list list-view-pf-icon-lg
-kcAuthenticatorPasswordClass=fa fa-unlock list-view-pf-icon-lg
-kcAuthenticatorOTPClass=fa fa-mobile list-view-pf-icon-lg
-kcAuthenticatorWebAuthnClass=fa fa-key list-view-pf-icon-lg
-kcAuthenticatorWebAuthnPasswordlessClass=fa fa-key list-view-pf-icon-lg
-
-##### css classes for the OTP Login Form
-kcLoginOTPListClass=pf-c-tile
-kcLoginOTPListInputClass=pf-c-tile__input
-kcLoginOTPListItemHeaderClass=pf-c-tile__header
-kcLoginOTPListItemIconBodyClass=pf-c-tile__icon
-kcLoginOTPListItemIconClass=fa fa-mobile
-kcLoginOTPListItemTitleClass=pf-c-tile__title
-
-##### css classes for identity providers logos
-kcCommonLogoIdP=kc-social-provider-logo kc-social-gray
-
-## Social
-kcLogoIdP-facebook=fa fa-facebook
-kcLogoIdP-google=fa fa-google
-kcLogoIdP-github=fa fa-github
-kcLogoIdP-linkedin=fa fa-linkedin
-kcLogoIdP-instagram=fa fa-instagram
-## windows instead of microsoft - not included in PF4
-kcLogoIdP-microsoft=fa fa-windows
-kcLogoIdP-bitbucket=fa fa-bitbucket
-kcLogoIdP-gitlab=fa fa-gitlab
-kcLogoIdP-paypal=fa fa-paypal
-kcLogoIdP-stackoverflow=fa fa-stack-overflow
-kcLogoIdP-twitter=fa fa-twitter
-kcLogoIdP-openshift-v4=pf-icon pf-icon-openshift
-kcLogoIdP-openshift-v3=pf-icon pf-icon-openshift
-
-## Recovery codes
-kcRecoveryCodesWarning=kc-recovery-codes-warning
-kcRecoveryCodesList=kc-recovery-codes-list
-kcRecoveryCodesActions=kc-recovery-codes-actions
-kcRecoveryCodesConfirmation=kc-recovery-codes-confirmation
-kcCheckClass=pf-c-check
-kcCheckInputClass=pf-c-check__input
-kcCheckLabelClass=pf-c-check__label

finallycoffee/welcome/resources/css/welcome.css

@@ -1,16 +1,24 @@
 body {
-	background: #fff url(../bg.png) no-repeat center bottom fixed;
+	background: #111 url(../bg.jpg) no-repeat center bottom fixed;
 	background-size: cover;
+	color: #ccc;
 }
 .welcome-header {
-	margin-top: 10px;
+	margin-top: 30px;
-	margin-bottom: 50px;
+	margin-bottom: 60px;
 	margin-left: -10px;
+	color: #ddd;
 }
 .welcome-header img {
 	width: 150px;
 	margin-bottom: 40px;
 }
+.welcome-header h1 {
+	font-weight: 500 !important;
+}
+.welcome-header h1 strong {
+	font-weight: 800 !important;
+}
 .welcome-message {
 	margin-top: 20px;
 }
@@ -45,7 +53,7 @@ h3 {
 }
 h3 a:link,
 h3 a:visited {
-	color: #333;
+	color: #ddd;
 	font-weight: 550;
 }
 h3 a:hover,
@@ -65,6 +73,7 @@ h3 a:hover .link {
 .card-pf {
 	border-top: 1px solid rgba(3, 3, 3, 0.1);
 	box-shadow: 0 1px 1px rgba(3, 3, 3, 0.275);
+	background: #222;
 }
 
 .welcome-form label,

finallycoffee/welcome/theme.properties

@@ -3,5 +3,6 @@ import=common/keycloak
 
 stylesCommon=node_modules/patternfly/dist/css/patternfly.css node_modules/patternfly/dist/css/patternfly-additions.css
 
+productName=id.finally.coffee
 documentationUrl=https://www.keycloak.org/documentation.html
 displayCommunityLinks=true