Add login theme

warengroup/login/resources/css/warengroup.css

@@ -0,0 +1,72 @@
+body {
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/keycloak-bg.png") !important;
+    background-color: #111111;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover !important;
+}
+
+@font-face {
+    font-family: "Akashi";
+    src: url('../fonts/Akashi.ttf');
+}
+
+#kc-header-wrapper {
+    font-family: "Akashi", sans-serif;
+}
+
+div.kc-logo-text.kc-logo-custom {
+    background-image: url(../img/logo-light.svg);
+    background-position: center;
+}
+
+@media (max-width: 767px){
+    #kc-header {
+        text-align: center;
+    }
+
+    #kc-header-wrapper {
+        color: inherit;
+        font-size: 29px;
+        padding: 62px 10px 20px;
+    }
+
+    div.kc-logo-text {
+        height: 63px;
+        width: 300px;
+        margin: auto;
+    }
+
+    .login-pf body {
+        background: url("../img/keycloak-bg.png") no-repeat center center fixed;
+    }
+
+    .login-pf-page {
+        margin: 20px;
+    }
+
+    .login-pf-page .card-pf {
+        max-width: 500px;
+        margin-left: auto;
+        margin-right: auto;
+        padding-top: 10px;
+        border-top: 4px solid;
+        border-color: var(--pf-global--primary-color--100);
+    }
+}
+
+#social-warengroup .kc-social-provider-name, #social-cwchristerw .kc-social-provider-name {
+    font-family: "Akashi", sans-serif;
+    color: #000000;
+}
+
+#social-warengroup {
+    background-image: url(../img/idp-warengroup-dark.svg);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: auto 50%;
+}
+
+#social-warengroup .kc-social-provider-name {
+    color: transparent;
+}

warengroup/login/theme.properties

@@ -0,0 +1,2 @@
+parent=keycloak
+styles=css/login.css css/tile.css css/warengroup.css