more overrides

docker-compose.yml

@@ -250,7 +250,11 @@ services:
     logging: *default-logging
     volumes:
       - ./docker/kratos-selfservice-ui-node/main.hbs:/usr/src/app/views/layouts/main.hbs:ro
+      - ./docker/kratos-selfservice-ui-node/login.hbs:/usr/src/app/views/views/login.hbs:ro
+      - ./docker/kratos-selfservice-ui-node/registration.hbs:/usr/src/app/views/views/registration.hbs:ro
+      - ./docker/kratos-selfservice-ui-node/icon_logo.hbs:/usr/src/app/views/partials/icon_logo.hbs:ro
       - ./docker/kratos-selfservice-ui-node/branding.css:/usr/src/app/public/branding.css:ro
+      - ./docker/kratos-selfservice-ui-node/favico.png:/usr/src/app/public/favico.png:ro
     environment:
       - PORT=4435
       - SECURITY_MODE=jwks

docker/kratos-selfservice-ui-node/branding.css

@@ -6,9 +6,13 @@
   --base-dark: #19191d;
   --base-black: #000000;
   --primary-light: #ecfdfe;
-  --primary-half: #95e1f9;
-  --primary-main: #3dacfc;
+  --primary-half: #4ea156;
+  --primary-main: #57b560;
   --primary-dark: #2e0473;
   --red-strong: #f44336;
   --green-strong: #43a047;
 }
+
+.logo {
+  margin: 0 auto;
+}

docker/kratos-selfservice-ui-node/icon_logo.hbs

@@ -0,0 +1,5 @@
+<svg class="logo" viewBox="0 0 66 66" width="66" height="66" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M52 52V33.287C52 22.784 43.599 14.052 33.096 14 22.544 13.948 13.948 22.543 14 33.096 14.052 43.599 22.784 52 33.287 52H52zM33 1c17.673 0 32 14.326 32 32v32H33C15.326 65 1 50.673 1 33 1 15.326 15.326 1 33 1z"
+        fillRule="nonzero" stroke="currentColor" strokeWidth="2" fill="none" />
+</svg>

docker/kratos-selfservice-ui-node/login.hbs

@@ -0,0 +1,28 @@
+<div class="auth">
+    <div class="container">
+        {{> icon_logo}}
+        <h5 class="subheading">Welcome to siasky.net!</h5>
+
+        {{> messages messages=messages className="global"}}
+
+        {{#if password}}
+        <div id="login-password">
+            {{> form submitLabel="Sign in" form=password}}
+        </div>
+        {{/if}}
+
+        {{#if oidc}}
+        <div id="login-oidc">
+            {{> form form=oidc}}
+        </div>
+        {{/if}}
+
+        <hr class="divider">
+
+        <div class="alternative-actions">
+            <!-- <a href="auth/registration">Recover password</a> -->
+            <a href="{{pathPrefix}}auth/registration">Register new account</a>
+            <a href="{{pathPrefix}}recovery">Reset password</a>
+        </div>
+    </div>
+</div>

docker/kratos-selfservice-ui-node/registration.hbs

@@ -0,0 +1,27 @@
+<div class="auth">
+    <div class="container">
+        {{> icon_logo}}
+        <h5 class="subheading">Welcome to siasky.net! <br />
+            Use the form below to sign up:</h5>
+
+        {{> messages messages=messages className="global"}}
+
+        {{#if password}}
+        <div id="registration-password">
+            {{> form submitLabel="Sign up" form=password}}
+        </div>
+        {{/if}}
+
+        {{#if oidc}}
+        <div id="registration-oidc">
+            {{> form form=oidc}}
+        </div>
+        {{/if}}
+
+        <hr class="divider">
+
+        <div class="alternative-actions">
+            <a href="{{pathPrefix}}auth/login">Already have an account? Log in instead</a>
+        </div>
+    </div>
+</div>