From e79aab3671d0abd935a315a813359d865642f82c Mon Sep 17 00:00:00 2001
From: Max Peintner <max@caos.ch>
Date: Mon, 30 May 2022 11:03:40 +0200
Subject: [PATCH] fix: login ui for v2 (#3712)

* fix: login ui for v2

* a color

* footer

Co-authored-by: Livio Amstutz <livio.a@gmail.com>
---
 go.mod                                        |   4 +-
 .../eventsourcing/handler/styling.go          |  20 +-
 .../themes/scss/styles/a/a_theme.scss         |  18 +-
 .../account_selection/account_selection.scss  | 114 ++++++------
 .../account_selection_theme.scss              |  71 ++++---
 .../scss/styles/button/button_theme.scss      |  56 +++---
 .../scss/styles/footer/footer_theme.scss      |  33 ++--
 .../themes/scss/styles/input/input_theme.scss |  75 ++++----
 .../resources/themes/scss/styles/vars.scss    | 117 ++++++------
 .../resources/themes/zitadel/css/zitadel.css  | 176 +++++++++++-------
 .../themes/zitadel/css/zitadel.css.map        |   2 +-
 .../static/templates/change_password.html     |   2 +-
 .../static/templates/change_username.html     |   2 +-
 .../templates/external_register_overview.html |   2 +-
 .../static/templates/init_user_done.html      |  30 +--
 .../static/templates/link_users_done.html     |  30 +--
 .../api/ui/login/static/templates/login.html  |   2 +-
 .../static/templates/mail_verification.html   |   2 +-
 .../login/static/templates/mail_verified.html |  37 ++--
 .../login/static/templates/mfa_init_done.html |  32 ++--
 .../login/static/templates/mfa_init_otp.html  |   2 +-
 .../ui/login/static/templates/mfa_prompt.html |  67 ++++---
 .../templates/mfa_verification_u2f.html       |   2 +-
 .../static/templates/mfa_verify_otp.html      |   2 +-
 .../ui/login/static/templates/password.html   |   2 +-
 .../login/static/templates/passwordless.html  |   2 +-
 .../ui/login/static/templates/register.html   |   2 +-
 27 files changed, 478 insertions(+), 426 deletions(-)

diff --git a/go.mod b/go.mod
index 50a15d2d58..0100fefd47 100644
--- a/go.mod
+++ b/go.mod
@@ -89,7 +89,7 @@ require (
 	github.com/davecgh/go-spew v1.1.1 // indirect
 	github.com/desertbit/timer v0.0.0-20180107155436-c41aec40b27f // indirect
 	github.com/dlclark/regexp2 v1.4.1-0.20201116162257-a2a8dda75c91 // indirect
-	github.com/drone/envsubst v1.0.3 // indirect
+	github.com/drone/envsubst v1.0.3
 	github.com/dsoprea/go-exif v0.0.0-20210131231135-d154f10435cc // indirect
 	github.com/dsoprea/go-exif/v2 v2.0.0-20200604193436-ca8584a0e1c4 // indirect
 	github.com/dsoprea/go-iptc v0.0.0-20200609062250-162ae6b44feb // indirect
@@ -125,7 +125,7 @@ require (
 	github.com/huandu/xstrings v1.3.2 // indirect
 	github.com/imdario/mergo v0.3.12 // indirect
 	github.com/inconshreveable/mousetrap v1.0.0 // indirect
-	github.com/jarcoal/jpath v0.0.0-20140328210829-f76b8b2dbf52 // indirect
+	github.com/jarcoal/jpath v0.0.0-20140328210829-f76b8b2dbf52
 	github.com/jinzhu/inflection v1.0.0 // indirect
 	github.com/json-iterator/go v1.1.12 // indirect
 	github.com/kevinburke/go-types v0.0.0-20210723172823-2deba1f80ba7 // indirect
diff --git a/internal/admin/repository/eventsourcing/handler/styling.go b/internal/admin/repository/eventsourcing/handler/styling.go
index dffe511b8c..71b14c944c 100644
--- a/internal/admin/repository/eventsourcing/handler/styling.go
+++ b/internal/admin/repository/eventsourcing/handler/styling.go
@@ -270,27 +270,27 @@ func (m *Styling) generateColorPaletteRGBA255(hex string) map[string]string {
 	palette := make(map[string]string)
 	defaultColor := gamut.Hex(hex)
 
-	color50, ok := colorful.MakeColor(gamut.Lighter(defaultColor, 1.0))
+	color50, ok := colorful.MakeColor(gamut.Lighter(defaultColor, 0.52))
 	if ok {
 		palette["50"] = cssRGB(color50.RGB255())
 	}
 
-	color100, ok := colorful.MakeColor(gamut.Lighter(defaultColor, 0.8))
+	color100, ok := colorful.MakeColor(gamut.Lighter(defaultColor, 0.37))
 	if ok {
 		palette["100"] = cssRGB(color100.RGB255())
 	}
 
-	color200, ok := colorful.MakeColor(gamut.Lighter(defaultColor, 0.6))
+	color200, ok := colorful.MakeColor(gamut.Lighter(defaultColor, 0.26))
 	if ok {
 		palette["200"] = cssRGB(color200.RGB255())
 	}
 
-	color300, ok := colorful.MakeColor(gamut.Lighter(defaultColor, 0.4))
+	color300, ok := colorful.MakeColor(gamut.Lighter(defaultColor, 0.12))
 	if ok {
 		palette["300"] = cssRGB(color300.RGB255())
 	}
 
-	color400, ok := colorful.MakeColor(gamut.Lighter(defaultColor, 0.1))
+	color400, ok := colorful.MakeColor(gamut.Lighter(defaultColor, 0.06))
 	if ok {
 		palette["400"] = cssRGB(color400.RGB255())
 	}
@@ -299,23 +299,23 @@ func (m *Styling) generateColorPaletteRGBA255(hex string) map[string]string {
 	if ok {
 		palette["500"] = cssRGB(color500.RGB255())
 	}
-
-	color600, ok := colorful.MakeColor(gamut.Darker(defaultColor, 0.1))
+ 
+	color600, ok := colorful.MakeColor(gamut.Darker(defaultColor, 0.06))
 	if ok {
 		palette["600"] = cssRGB(color600.RGB255())
 	}
 
-	color700, ok := colorful.MakeColor(gamut.Darker(defaultColor, 0.2))
+	color700, ok := colorful.MakeColor(gamut.Darker(defaultColor, 0.12))
 	if ok {
 		palette["700"] = cssRGB(color700.RGB255())
 	}
 
-	color800, ok := colorful.MakeColor(gamut.Darker(defaultColor, 0.3))
+	color800, ok := colorful.MakeColor(gamut.Darker(defaultColor, 0.18))
 	if ok {
 		palette["800"] = cssRGB(color800.RGB255())
 	}
 
-	color900, ok := colorful.MakeColor(gamut.Darker(defaultColor, 0.4))
+	color900, ok := colorful.MakeColor(gamut.Darker(defaultColor, 0.24))
 	if ok {
 		palette["900"] = cssRGB(color900.RGB255())
 	}
diff --git a/internal/api/ui/login/static/resources/themes/scss/styles/a/a_theme.scss b/internal/api/ui/login/static/resources/themes/scss/styles/a/a_theme.scss
index bf65343731..5892c545de 100644
--- a/internal/api/ui/login/static/resources/themes/scss/styles/a/a_theme.scss
+++ b/internal/api/ui/login/static/resources/themes/scss/styles/a/a_theme.scss
@@ -1,18 +1,16 @@
-@import 'a';
+@import "a";
 
 @mixin lgn-a-theme() {
-
-    @include lgn-a-color();
-
+  @include lgn-a-color();
 }
 
 @mixin lgn-a-color() {
-    a {
-      color: var(--zitadel-color-primary);
+  a:not(.lgn-stroked-button):not(.lgn-button):not(.lgn-raised-button) {
+    color: var(--zitadel-color-font);
 
-      &:hover,
-      &:active {
-          color: var(--zitadel-color-primary-400);
-      }
+    &:hover,
+    &:active {
+      color: var(--zitadel-color-primary-500);
     }
+  }
 }
diff --git a/internal/api/ui/login/static/resources/themes/scss/styles/account_selection/account_selection.scss b/internal/api/ui/login/static/resources/themes/scss/styles/account_selection/account_selection.scss
index ca778275ba..b3090e91da 100644
--- a/internal/api/ui/login/static/resources/themes/scss/styles/account_selection/account_selection.scss
+++ b/internal/api/ui/login/static/resources/themes/scss/styles/account_selection/account_selection.scss
@@ -2,60 +2,66 @@ $lgn-container-max-width: 380px;
 $lgn-container-padding: 20px;
 $lgn-container-margin: 0px auto 50px auto;
 
-.lgn-account-selection{
+.lgn-account-selection {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  .lgn-account {
     display: flex;
-    flex-direction: column;
-    width: 100%;
+    align-items: center;
+    border: none;
+    outline: none;
+    cursor: pointer;
 
-    .lgn-account {
-        display: flex;
-        align-items: center;
-        border: none;
-        outline: none;
-        cursor: pointer;
-
-        &:disabled {
-            cursor: not-allowed;
-        }
-
-        .left {
-            padding: .5rem 1rem;
-        }
-
-        .lgn-names {
-            display: block;
-            margin: .5rem; 
-            text-align: start;
-            overflow: hidden;
-
-            .lgn-displayname{
-                font-size: 16px;
-                margin: .5rem 0;
-                margin-bottom: 0;
-                text-overflow: ellipsis;
-                overflow: hidden;
-            }
-
-            .lgn-loginname{
-                font-size: 14px;
-                margin: 0;
-                text-overflow: ellipsis;
-                overflow: hidden;
-            }
-
-            .lgn-session-state {
-                margin: 0;
-                font-size: 14px;
-                margin-bottom: .5rem;
-            }
-        }
-
-        .fill-space {
-            flex: 1;
-        }
-
-        i {
-            font-size: 1.2rem;
-        }
+    &:disabled {
+      cursor: not-allowed;
     }
-}
\ No newline at end of file
+
+    .left {
+      padding: 0.5rem 1rem;
+    }
+
+    .lgn-names {
+      display: block;
+      margin: 0.5rem;
+      text-align: start;
+      overflow: hidden;
+
+      .lgn-displayname {
+        font-size: 16px;
+        margin: 0.5rem 0;
+        margin-bottom: 0;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+
+      .lgn-loginname {
+        font-size: 14px;
+        margin: 0;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+
+      .lgn-session-state {
+        margin: 0.25rem 0;
+        border-radius: 50vw;
+        padding: 2px 0.5rem;
+        letter-spacing: 0.05em;
+        font-size: 12px;
+        white-space: nowrap;
+        box-shadow: 0 0 3px #0000001a;
+        width: fit-content;
+        line-height: 1rem;
+      }
+    }
+
+    .fill-space {
+      flex: 1;
+    }
+
+    i {
+      font-size: 1.2rem;
+    }
+  }
+}
diff --git a/internal/api/ui/login/static/resources/themes/scss/styles/account_selection/account_selection_theme.scss b/internal/api/ui/login/static/resources/themes/scss/styles/account_selection/account_selection_theme.scss
index 9e88d6444e..ef37fc49e1 100644
--- a/internal/api/ui/login/static/resources/themes/scss/styles/account_selection/account_selection_theme.scss
+++ b/internal/api/ui/login/static/resources/themes/scss/styles/account_selection/account_selection_theme.scss
@@ -1,51 +1,50 @@
-@import 'account_selection';
+@import "account_selection";
 
 @mixin lgn-account-selection-theme() {
-
-    @include lgn-account-selection-color();
-
+  @include lgn-account-selection-color();
 }
 
 @mixin lgn-account-selection-color() {
+  .lgn-account-selection {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
 
-    .lgn-account-selection{
-        display: flex;
-        flex-direction: column;
-        width: 100%;
-    
-        .lgn-account {
-            color: inherit;
-            background: transparent;
-            box-shadow: inset 0 -1px var(--zitadel-color-footer-line);
+    .lgn-account {
+      color: inherit;
+      background: transparent;
+      box-shadow: inset 0 -1px var(--zitadel-color-footer-line);
 
-            &:hover {
-                background-color: var(--zitadel-color-account-selector-hover);
-            }
+      &:hover {
+        background-color: var(--zitadel-color-account-selector-hover);
+      }
 
-            &:focus {
-                background-color: var(--zitadel-color-account-selector-active);
-            }
+      &:focus {
+        background-color: var(--zitadel-color-account-selector-active);
+      }
 
-            &:active {
-                background-color: var(--zitadel-color-account-selector-active);
-            }
+      &:active {
+        background-color: var(--zitadel-color-account-selector-active);
+      }
 
-            .lgn-loginname{
-                font-size: 14px;
-                color: var(--zitadel-color-label);
-            }
+      .lgn-loginname {
+        font-size: 14px;
+        color: var(--zitadel-color-label);
+      }
 
-            .lgn-session-state {
-                color: var(--zitadel-color-label);
+      .lgn-session-state {
+        color: var(--zitadel-color-label);
 
-                &.i0 {
-                    color: #85d996;
-                }
-
-                &.i1 {
-                    color: var(--zitadel-color-warn);
-                }
-            }
+        &.i0 {
+          color: var(--zitadel-color-state-success-font);
+          background: var(--zitadel-color-state-success-background);
         }
+
+        &.i1 {
+          color: var(--zitadel-color-state-warn-font);
+          background: var(--zitadel-color-state-warn-background);
+        }
+      }
     }
+  }
 }
diff --git a/internal/api/ui/login/static/resources/themes/scss/styles/button/button_theme.scss b/internal/api/ui/login/static/resources/themes/scss/styles/button/button_theme.scss
index 60912089a7..4f559705ac 100644
--- a/internal/api/ui/login/static/resources/themes/scss/styles/button/button_theme.scss
+++ b/internal/api/ui/login/static/resources/themes/scss/styles/button/button_theme.scss
@@ -3,7 +3,7 @@
 @import "../elevation/elevation";
 
 @mixin lgn-button-theme() {
-    @include lgn-button-color();
+  @include lgn-button-color();
 }
 
 @mixin lgn-button-color() {
@@ -16,10 +16,18 @@
     @include _lgn-button-theme-color(false);
   }
 
+  .lgn-stroked-button:hover,
+  .lgn-stroked-button:focus {
+    background: var(--zitadel-color-stroked-button-hover-background);
+  }
+
+  .lgn-stroked-button:active {
+    background: var(--zitadel-color-stroked-button-active-background);
+  }
+
   .lgn-button:focus,
-  .lgn-stroked-button:focus,
   .lgn-raised-button:focus {
-    @include lgn-button-elevation(8);
+    @include lgn-button-elevation(5);
     background: var(--zitadel-color-background);
   }
 
@@ -50,7 +58,7 @@
     @include _lgn-button-theme-background-color();
 
     &:active {
-      background-color: rgba(var(--zitadel-color-primary-rgb), 0.8);
+      background-color: var(--zitadel-color-raised-button-active-background);
     }
   }
 
@@ -63,7 +71,7 @@
     @include lgn-button-elevation(2);
 
     &:not([disabled]):active {
-      @include lgn-button-elevation(8);
+      @include lgn-button-elevation(5);
     }
 
     // &:focus {
@@ -81,7 +89,7 @@
     color: var(--zitadel-color-primary);
   }
   &.lgn-accent {
-    color: var(--zitadel-color-secondary);
+    color: var(--zitadel-color-primary);
   }
   &.lgn-warn {
     color: var(--zitadel-color-warn);
@@ -91,9 +99,9 @@
   &.lgn-accent,
   &.lgn-warn,
   &[disabled] {
-        &[disabled] {
-            color: var(--zitadel-color-button-disabled);
-        }
+    &[disabled] {
+      color: var(--zitadel-color-button-disabled);
+    }
   }
 }
 
@@ -102,7 +110,7 @@
     background-color: var(--zitadel-color-primary);
   }
   &.lgn-accent {
-    background-color: var(--zitadel-color-secondary);
+    background-color: var(--zitadel-color-primary);
   }
   &.lgn-warn {
     background-color: var(--zitadel-color-warn);
@@ -112,14 +120,18 @@
   &.lgn-accent,
   &.lgn-warn,
   &[disabled] {
-        &[disabled] {
-            background-color: var(--zitadel-color-button-disabled-background);
-        }
+    &[disabled] {
+      background-color: var(--zitadel-color-button-disabled-background);
+    }
   }
 }
 
 @mixin _lgn-button-theme-color($contrast) {
-  $color: if($contrast, var(--zitadel-color-primary-contrast), var(--zitadel-color-primary));
+  $color: if(
+    $contrast,
+    var(--zitadel-color-primary-contrast),
+    var(--zitadel-color-primary)
+  );
 
   &.lgn-primary {
     color: $color;
@@ -135,14 +147,13 @@
   &.lgn-accent,
   &.lgn-warn,
   &[disabled] {
-        &[disabled] {
-            color: var(--zitadel-color-button-disabled);
-        }
+    &[disabled] {
+      color: var(--zitadel-color-button-disabled);
+    }
   }
 }
 
 @mixin _lgn-button-theme-background-color() {
-
   &.lgn-primary {
     background-color: var(--zitadel-color-primary);
   }
@@ -157,20 +168,19 @@
   &.lgn-accent,
   &.lgn-warn,
   &[disabled] {
-        &[disabled] {
-            background-color: var(--zitadel-color-button-disabled-background);
-        }
+    &[disabled] {
+      background-color: var(--zitadel-color-button-disabled-background);
+    }
   }
 }
 
 @mixin _lgn-button-focus-overlay-color() {
-
   &.lgn-primary:focus {
     background-color: var(--zitadel-color-primary);
   }
 
   &.lgn-accent:focus {
-    background-color: var(--zitadel-color-secondary);
+    background-color: var(--zitadel-color-primary);
   }
 
   &.lgn-warn:focus {
diff --git a/internal/api/ui/login/static/resources/themes/scss/styles/footer/footer_theme.scss b/internal/api/ui/login/static/resources/themes/scss/styles/footer/footer_theme.scss
index de240f8922..2d5c13a89d 100644
--- a/internal/api/ui/login/static/resources/themes/scss/styles/footer/footer_theme.scss
+++ b/internal/api/ui/login/static/resources/themes/scss/styles/footer/footer_theme.scss
@@ -1,26 +1,25 @@
-@import 'footer';
+@import "footer";
 
 @mixin lgn-footer-theme() {
-    // @include lgn-private-check-duplicate-theme-styles($theme, 'mat-button') {
+  // @include lgn-private-check-duplicate-theme-styles($theme, 'mat-button') {
 
-    @include lgn-footer-color();
-    // }
+  @include lgn-footer-color();
+  // }
 }
 
 @mixin lgn-footer-color() {
-  
-    footer {
-      background-color: var(--zitadel-color-background);
-      border-top: 1px solid var(--zitadel-color-footer-line);
+  footer {
+    background-color: var(--zitadel-color-footer-background);
+    border-top: 1px solid var(--zitadel-color-footer-line);
 
-      a {
-        color: var(--zitadel-color-primary);
-      }
-
-      .lgn-logo-watermark {
-          background: var(--zitadel-logo-powered-by) no-repeat;
-          background-position: center;
-          background-size: contain;
-      }
+    a {
+      color: var(--zitadel-color-font-500);
     }
+
+    .lgn-logo-watermark {
+      background: var(--zitadel-logo-powered-by) no-repeat;
+      background-position: center;
+      background-size: contain;
+    }
+  }
 }
diff --git a/internal/api/ui/login/static/resources/themes/scss/styles/input/input_theme.scss b/internal/api/ui/login/static/resources/themes/scss/styles/input/input_theme.scss
index 6f2df88c96..0e59479494 100644
--- a/internal/api/ui/login/static/resources/themes/scss/styles/input/input_theme.scss
+++ b/internal/api/ui/login/static/resources/themes/scss/styles/input/input_theme.scss
@@ -1,43 +1,44 @@
-@import '../theming/theming';
-@import 'input';
+@import "../theming/theming";
+@import "input";
 
 @mixin lgn-input-theme() {
-    @include lgn-input-color();
+  @include lgn-input-color();
 }
 
 @mixin lgn-input-color() {
-
-    .lgn-input:not([disabled]),
-    select:not([disabled]), .lgn-select:not([disabled]) {
-      border-color: var(--zitadel-color-input-border);
-    }
-  
-    .lgn-input,
-    select, .lgn-select {
-      color: var(--zitadel-color-text);
-      background-color: var(--zitadel-color-input-background);
-
-      &:hover {
-        border-color: var(--zitadel-color-input-border-hover);
-      }
-
-      &:active {
-        border-color: var(--zitadel-color-input-border);
-      }
-
-      &:focus {
-        border-color: var(--zitadel-color-input-border);
-      }
-
-      // overwrite if state is warn
-      &[color='warn'] {
-        border-color: var(--zitadel-color-warn);
-      }
-    }
-
-    .lgn-input::placeholder,
-    select::placeholder,
-    .lgn-select::placeholder {
-        color: var(--zitadel-color-input-placeholder);
-    }    
+  .lgn-input:not([disabled]),
+  select:not([disabled]),
+  .lgn-select:not([disabled]) {
+    border-color: var(--zitadel-color-input-border);
   }
+
+  .lgn-input,
+  select,
+  .lgn-select {
+    color: var(--zitadel-color-text);
+    background-color: var(--zitadel-color-input-background);
+
+    &:hover {
+      border-color: var(--zitadel-color-input-border-hover);
+    }
+
+    &:active {
+      border-color: var(--zitadel-color-input-border-active);
+    }
+
+    &:focus {
+      border-color: var(--zitadel-color-input-border-active);
+    }
+
+    // overwrite if state is warn
+    &[color="warn"] {
+      border-color: var(--zitadel-color-warn);
+    }
+  }
+
+  .lgn-input::placeholder,
+  select::placeholder,
+  .lgn-select::placeholder {
+    color: var(--zitadel-color-input-placeholder);
+  }
+}
diff --git a/internal/api/ui/login/static/resources/themes/scss/styles/vars.scss b/internal/api/ui/login/static/resources/themes/scss/styles/vars.scss
index 1659d5ab5a..ad6da56233 100644
--- a/internal/api/ui/login/static/resources/themes/scss/styles/vars.scss
+++ b/internal/api/ui/login/static/resources/themes/scss/styles/vars.scss
@@ -1,7 +1,6 @@
 :root {
   --zitadel-color-primary: var(--zitadel-color-primary-500);
   --zitadel-color-background: var(--zitadel-color-background-500);
-  --zitadel-color-secondary: var(--zitadel-color-secondary-500);
   --zitadel-color-warn: var(--zitadel-color-warn-500);
   --zitadel-color-text: var(--zitadel-color-text-500);
 
@@ -18,30 +17,18 @@
   --zitadel-color-primary-rgb: rgb(84, 105, 212);
   --zitadel-color-primary-contrast: var(--zitadel-color-white);
 
-  --zitadel-color-secondary-50: #eaedfa;
-  --zitadel-color-secondary-100: #ccd2f2;
-  --zitadel-color-secondary-200: #aab4ea;
-  --zitadel-color-secondary-300: #8796e1;
-  --zitadel-color-secondary-400: #6e80da;
-  --zitadel-color-secondary-500: #5469d4;
-  --zitadel-color-secondary-600: #4d61cf;
-  --zitadel-color-secondary-700: #4356c9;
-  --zitadel-color-secondary-800: #3a4cc3;
-  --zitadel-color-secondary-900: #293bb9;
-  --zitadel-color-secondary-contrast: var(--zitadel-color-white);
+  --zitadel-color-warn-50: #f9e7eb;
+  --zitadel-color-warn-100: #f0c4cc;
+  --zitadel-color-warn-200: #e69dab;
+  --zitadel-color-warn-300: #dc7689;
+  --zitadel-color-warn-400: #d5586f;
+  --zitadel-color-warn-500: #cd3b56;
+  --zitadel-color-warn-600: #c8354f;
+  --zitadel-color-warn-700: #c12d45;
+  --zitadel-color-warn-800: #ba263c;
+  --zitadel-color-warn-900: #ae192b;
 
-  --zitadel-color-warn-50: #F9E7EB;
-  --zitadel-color-warn-100: #F0C4CC;
-  --zitadel-color-warn-200: #E69DAB;
-  --zitadel-color-warn-300: #DC7689;
-  --zitadel-color-warn-400: #D5586F;
-  --zitadel-color-warn-500: #CD3B56;
-  --zitadel-color-warn-600: #C8354F;
-  --zitadel-color-warn-700: #C12D45;
-  --zitadel-color-warn-800: #BA263C;
-  --zitadel-color-warn-900: #AE192B;
-
-  --zitadel-font-family: 'Lato';
+  --zitadel-font-family: "Lato";
 
   --zitadel-color-background-50: rgb(255, 255, 255);
   --zitadel-color-background-100: rgb(255, 255, 255);
@@ -57,9 +44,10 @@
 
   --zitadel-color-footer-line: #e3e8ee;
 
-  --zitadel-color-input-background: #fafafa50;
+  --zitadel-color-input-background: #00000003;
   --zitadel-color-input-border: #00000040;
   --zitadel-color-input-border-hover: #1a1b1b;
+  --zitadel-color-input-border-active: var(--zitadel-color-primary-500);
   --zitadel-color-input-placeholder: var(--zitadel-color-grey-600);
 
   --zitadel-color-font-50: rgb(0, 0, 0);
@@ -73,23 +61,34 @@
   --zitadel-color-font-800: rgb(0, 0, 0);
   --zitadel-color-font-900: rgb(0, 0, 0);
   --zitadel-color-font-contrast: rgb(255, 255, 255);
-  --zitadel-color-label: var(--zitadel-color-grey-600);
-
+  --zitadel-color-label: #0000008a;
 
   --zitadel-color-account-selector-hover: rgba(0, 0, 0, 0.02);
   --zitadel-color-account-selector-active: rgba(0, 0, 0, 0.05);
 
   --zitadel-color-success: #0e6245;
   --zitadel-color-success-background: #cbf4c9;
+  --zitadel-color-state-success-font: #0e6245;
+  --zitadel-color-state-success-background: #cbf4c9;
+  --zitadel-color-state-warn-font: #620e0e;
+  --zitadel-color-state-warn-background: #ffc1c1;
+
+  --zitadel-color-footer-background: #00000008;
 
   --zitadel-color-divider: rgba(0, 0, 0, 0.12);
 
   --zitadel-color-button-disabled: rgba(0, 0, 0, 0.26);
   --zitadel-color-button-disabled-background: rgba(0, 0, 0, 0.12);
   --zitadel-color-button-selected-background: var(--zitadel-color-grey-900);
-  --zitadel-color-button-disabled-selected-background: var(--zitadel-color-grey-800);
+  --zitadel-color-button-disabled-selected-background: var(
+    --zitadel-color-grey-800
+  );
   --zitadel-color-raised-button-background: var(--zitadel-color-white);
-
+  --zitadel-color-stroked-button-hover-background: #00000010;
+  --zitadel-color-stroked-button-active-background: #00000020;
+  --zitadel-color-raised-button-active-background: var(
+    --zitadel-color-primary-700
+  );
 
   --zitadel-color-white: #ffffff;
   --zitadel-color-black: #000000;
@@ -104,8 +103,8 @@
   --zitadel-color-grey-800: #424242;
   --zitadel-color-grey-900: #212121;
 
-  --zitadel-icon-select: url('../select_arrow_light.svg');
-  --zitadel-logo-powered-by: url('../logo-dark.svg');
+  --zitadel-icon-select: url("../select_arrow_light.svg");
+  --zitadel-logo-powered-by: url("../logo-dark.svg");
 
   --zitadel-color-google-text: #8b8d8d;
   --zitadel-color-google-background: #ffffff;
@@ -126,29 +125,18 @@
   --zitadel-color-primary-800: #305687;
   --zitadel-color-primary-900: #284770;
 
-  --zitadel-color-secondary-50: #ffffff;
-  --zitadel-color-secondary-100: #dde6f3;
-  --zitadel-color-secondary-200: #b4c9e4;
-  --zitadel-color-secondary-300: #7fa3d1;
-  --zitadel-color-secondary-400: #6992c9;
-  --zitadel-color-secondary-500: #5282c1;
-  --zitadel-color-secondary-600: #4072b4;
-  --zitadel-color-secondary-700: #38649d;
-  --zitadel-color-secondary-800: #305687;
-  --zitadel-color-secondary-900: #284770;
-
-  --zitadel-color-warn-50: #FFE7EB;
-  --zitadel-color-warn-100: #FFC4CE;
-  --zitadel-color-warn-200: #FF9DAD;
-  --zitadel-color-warn-300: #FF768C;
-  --zitadel-color-warn-400: #FF5874;
+  --zitadel-color-warn-50: #ffe7eb;
+  --zitadel-color-warn-100: #ffc4ce;
+  --zitadel-color-warn-200: #ff9dad;
+  --zitadel-color-warn-300: #ff768c;
+  --zitadel-color-warn-400: #ff5874;
   --zitadel-color-warn-500: #ff3b5b;
-  --zitadel-color-warn-600: #FF3553;
-  --zitadel-color-warn-700: #FF2D49;
-  --zitadel-color-warn-800: #FF2640;
-  --zitadel-color-warn-900: #FF192F;
+  --zitadel-color-warn-600: #ff3553;
+  --zitadel-color-warn-700: #ff2d49;
+  --zitadel-color-warn-800: #ff2640;
+  --zitadel-color-warn-900: #ff192f;
 
-  --zitadel-font-family: 'Lato';
+  --zitadel-font-family: "Lato";
 
   --zitadel-color-background-50: rgb(60, 60, 60);
   --zitadel-color-background-100: rgb(55, 55, 55);
@@ -167,6 +155,7 @@
   --zitadel-color-input-background: rgba(0, 0, 0, 0.2);
   --zitadel-color-input-border: #403e3e;
   --zitadel-color-input-border-hover: #aeafb1;
+  --zitadel-color-input-border-active: var(--zitadel-color-primary-500);
   --zitadel-color-input-placeholder: var(--zitadel-color-grey-600);
 
   --zitadel-color-text-50: rgb(255, 255, 255);
@@ -180,28 +169,38 @@
   --zitadel-color-text-800: rgb(167, 168, 169);
   --zitadel-color-text-900: rgb(141, 142, 143);
   --zitadel-color-text-contrast: rgb(0, 0, 0);
-  --zitadel-color-label: var(--zitadel-color-grey-600);
+  --zitadel-color-label: #ffffffb3;
 
   --zitadel-color-account-selector-hover: rgba(255, 255, 255, 0.02);
   --zitadel-color-account-selector-active: rgba(255, 255, 255, 0.05);
 
-
   --zitadel-color-success: #cbf4c9;
   --zitadel-color-success-background: #4f566b;
+  --zitadel-color-state-success-font: #cbf4c9;
+  --zitadel-color-state-success-background: #68cf8340;
+  --zitadel-color-state-warn-font: #ffc1c1;
+  --zitadel-color-state-warn-background: #af455359;
+
+  --zitadel-color-footer-background: #00000020;
 
   --zitadel-color-divider: rgba(255, 255, 255, 0.12);
 
   --zitadel-color-button-disabled: rgba(0, 0, 0, 0.26);
   --zitadel-color-button-disabled-background: rgba(255, 255, 255, 0.12);
   --zitadel-color-button-selected-background: var(--zitadel-color-grey-900);
-  --zitadel-color-button-disabled-selected-background: var(--zitadel-color-grey-800);
+  --zitadel-color-button-disabled-selected-background: var(
+    --zitadel-color-grey-800
+  );
   --zitadel-color-raised-button-background: var(--zitadel-color-grey-800);
-
+  --zitadel-color-stroked-button-hover-background: #ffffff10;
+  --zitadel-color-stroked-button-active-background: #ffffff20;
+  --zitadel-color-raised-button-active-background: var(
+    --zitadel-color-primary-300
+  );
 
   /*--zitadel-color-label: var(--zitadel-color-grey-600); same */
-  --zitadel-icon-select: url('../select_arrow_dark.svg');
-  --zitadel-logo-powered-by: url('../logo-light.svg');
-
+  --zitadel-icon-select: url("../select_arrow_dark.svg");
+  --zitadel-logo-powered-by: url("../logo-light.svg");
 
   --zitadel-color-google-text: #8b8d8d;
   --zitadel-color-google-background: #ffffff;
diff --git a/internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css b/internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css
index 579117dd4c..f1fdc50162 100644
--- a/internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css
+++ b/internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css
@@ -2,7 +2,6 @@
 :root {
   --zitadel-color-primary: var(--zitadel-color-primary-500);
   --zitadel-color-background: var(--zitadel-color-background-500);
-  --zitadel-color-secondary: var(--zitadel-color-secondary-500);
   --zitadel-color-warn: var(--zitadel-color-warn-500);
   --zitadel-color-text: var(--zitadel-color-text-500);
   --zitadel-color-primary-50: #eaedfa;
@@ -17,27 +16,16 @@
   --zitadel-color-primary-900: #293bb9;
   --zitadel-color-primary-rgb: rgb(84, 105, 212);
   --zitadel-color-primary-contrast: var(--zitadel-color-white);
-  --zitadel-color-secondary-50: #eaedfa;
-  --zitadel-color-secondary-100: #ccd2f2;
-  --zitadel-color-secondary-200: #aab4ea;
-  --zitadel-color-secondary-300: #8796e1;
-  --zitadel-color-secondary-400: #6e80da;
-  --zitadel-color-secondary-500: #5469d4;
-  --zitadel-color-secondary-600: #4d61cf;
-  --zitadel-color-secondary-700: #4356c9;
-  --zitadel-color-secondary-800: #3a4cc3;
-  --zitadel-color-secondary-900: #293bb9;
-  --zitadel-color-secondary-contrast: var(--zitadel-color-white);
-  --zitadel-color-warn-50: #F9E7EB;
-  --zitadel-color-warn-100: #F0C4CC;
-  --zitadel-color-warn-200: #E69DAB;
-  --zitadel-color-warn-300: #DC7689;
-  --zitadel-color-warn-400: #D5586F;
-  --zitadel-color-warn-500: #CD3B56;
-  --zitadel-color-warn-600: #C8354F;
-  --zitadel-color-warn-700: #C12D45;
-  --zitadel-color-warn-800: #BA263C;
-  --zitadel-color-warn-900: #AE192B;
+  --zitadel-color-warn-50: #f9e7eb;
+  --zitadel-color-warn-100: #f0c4cc;
+  --zitadel-color-warn-200: #e69dab;
+  --zitadel-color-warn-300: #dc7689;
+  --zitadel-color-warn-400: #d5586f;
+  --zitadel-color-warn-500: #cd3b56;
+  --zitadel-color-warn-600: #c8354f;
+  --zitadel-color-warn-700: #c12d45;
+  --zitadel-color-warn-800: #ba263c;
+  --zitadel-color-warn-900: #ae192b;
   --zitadel-font-family: "Lato";
   --zitadel-color-background-50: rgb(255, 255, 255);
   --zitadel-color-background-100: rgb(255, 255, 255);
@@ -51,9 +39,10 @@
   --zitadel-color-background-900: rgb(142, 142, 142);
   --zitadel-color-background-contrast: rgb(0, 0, 0);
   --zitadel-color-footer-line: #e3e8ee;
-  --zitadel-color-input-background: #fafafa50;
+  --zitadel-color-input-background: #00000003;
   --zitadel-color-input-border: #00000040;
   --zitadel-color-input-border-hover: #1a1b1b;
+  --zitadel-color-input-border-active: var(--zitadel-color-primary-500);
   --zitadel-color-input-placeholder: var(--zitadel-color-grey-600);
   --zitadel-color-font-50: rgb(0, 0, 0);
   --zitadel-color-font-100: rgb(0, 0, 0);
@@ -66,17 +55,29 @@
   --zitadel-color-font-800: rgb(0, 0, 0);
   --zitadel-color-font-900: rgb(0, 0, 0);
   --zitadel-color-font-contrast: rgb(255, 255, 255);
-  --zitadel-color-label: var(--zitadel-color-grey-600);
+  --zitadel-color-label: #0000008a;
   --zitadel-color-account-selector-hover: rgba(0, 0, 0, 0.02);
   --zitadel-color-account-selector-active: rgba(0, 0, 0, 0.05);
   --zitadel-color-success: #0e6245;
   --zitadel-color-success-background: #cbf4c9;
+  --zitadel-color-state-success-font: #0e6245;
+  --zitadel-color-state-success-background: #cbf4c9;
+  --zitadel-color-state-warn-font: #620e0e;
+  --zitadel-color-state-warn-background: #ffc1c1;
+  --zitadel-color-footer-background: #00000008;
   --zitadel-color-divider: rgba(0, 0, 0, 0.12);
   --zitadel-color-button-disabled: rgba(0, 0, 0, 0.26);
   --zitadel-color-button-disabled-background: rgba(0, 0, 0, 0.12);
   --zitadel-color-button-selected-background: var(--zitadel-color-grey-900);
-  --zitadel-color-button-disabled-selected-background: var(--zitadel-color-grey-800);
+  --zitadel-color-button-disabled-selected-background: var(
+    --zitadel-color-grey-800
+  );
   --zitadel-color-raised-button-background: var(--zitadel-color-white);
+  --zitadel-color-stroked-button-hover-background: #00000010;
+  --zitadel-color-stroked-button-active-background: #00000020;
+  --zitadel-color-raised-button-active-background: var(
+    --zitadel-color-primary-700
+  );
   --zitadel-color-white: #ffffff;
   --zitadel-color-black: #000000;
   --zitadel-color-grey-50: #fafafa;
@@ -108,26 +109,16 @@
   --zitadel-color-primary-700: #38649d;
   --zitadel-color-primary-800: #305687;
   --zitadel-color-primary-900: #284770;
-  --zitadel-color-secondary-50: #ffffff;
-  --zitadel-color-secondary-100: #dde6f3;
-  --zitadel-color-secondary-200: #b4c9e4;
-  --zitadel-color-secondary-300: #7fa3d1;
-  --zitadel-color-secondary-400: #6992c9;
-  --zitadel-color-secondary-500: #5282c1;
-  --zitadel-color-secondary-600: #4072b4;
-  --zitadel-color-secondary-700: #38649d;
-  --zitadel-color-secondary-800: #305687;
-  --zitadel-color-secondary-900: #284770;
-  --zitadel-color-warn-50: #FFE7EB;
-  --zitadel-color-warn-100: #FFC4CE;
-  --zitadel-color-warn-200: #FF9DAD;
-  --zitadel-color-warn-300: #FF768C;
-  --zitadel-color-warn-400: #FF5874;
+  --zitadel-color-warn-50: #ffe7eb;
+  --zitadel-color-warn-100: #ffc4ce;
+  --zitadel-color-warn-200: #ff9dad;
+  --zitadel-color-warn-300: #ff768c;
+  --zitadel-color-warn-400: #ff5874;
   --zitadel-color-warn-500: #ff3b5b;
-  --zitadel-color-warn-600: #FF3553;
-  --zitadel-color-warn-700: #FF2D49;
-  --zitadel-color-warn-800: #FF2640;
-  --zitadel-color-warn-900: #FF192F;
+  --zitadel-color-warn-600: #ff3553;
+  --zitadel-color-warn-700: #ff2d49;
+  --zitadel-color-warn-800: #ff2640;
+  --zitadel-color-warn-900: #ff192f;
   --zitadel-font-family: "Lato";
   --zitadel-color-background-50: rgb(60, 60, 60);
   --zitadel-color-background-100: rgb(55, 55, 55);
@@ -144,6 +135,7 @@
   --zitadel-color-input-background: rgba(0, 0, 0, 0.2);
   --zitadel-color-input-border: #403e3e;
   --zitadel-color-input-border-hover: #aeafb1;
+  --zitadel-color-input-border-active: var(--zitadel-color-primary-500);
   --zitadel-color-input-placeholder: var(--zitadel-color-grey-600);
   --zitadel-color-text-50: rgb(255, 255, 255);
   --zitadel-color-text-100: rgb(255, 255, 255);
@@ -156,17 +148,29 @@
   --zitadel-color-text-800: rgb(167, 168, 169);
   --zitadel-color-text-900: rgb(141, 142, 143);
   --zitadel-color-text-contrast: rgb(0, 0, 0);
-  --zitadel-color-label: var(--zitadel-color-grey-600);
+  --zitadel-color-label: #ffffffb3;
   --zitadel-color-account-selector-hover: rgba(255, 255, 255, 0.02);
   --zitadel-color-account-selector-active: rgba(255, 255, 255, 0.05);
   --zitadel-color-success: #cbf4c9;
   --zitadel-color-success-background: #4f566b;
+  --zitadel-color-state-success-font: #cbf4c9;
+  --zitadel-color-state-success-background: #68cf8340;
+  --zitadel-color-state-warn-font: #ffc1c1;
+  --zitadel-color-state-warn-background: #af455359;
+  --zitadel-color-footer-background: #00000020;
   --zitadel-color-divider: rgba(255, 255, 255, 0.12);
   --zitadel-color-button-disabled: rgba(0, 0, 0, 0.26);
   --zitadel-color-button-disabled-background: rgba(255, 255, 255, 0.12);
   --zitadel-color-button-selected-background: var(--zitadel-color-grey-900);
-  --zitadel-color-button-disabled-selected-background: var(--zitadel-color-grey-800);
+  --zitadel-color-button-disabled-selected-background: var(
+    --zitadel-color-grey-800
+  );
   --zitadel-color-raised-button-background: var(--zitadel-color-grey-800);
+  --zitadel-color-stroked-button-hover-background: #ffffff10;
+  --zitadel-color-stroked-button-active-background: #ffffff20;
+  --zitadel-color-raised-button-active-background: var(
+    --zitadel-color-primary-300
+  );
   /*--zitadel-color-label: var(--zitadel-color-grey-600); same */
   --zitadel-icon-select: url("../select_arrow_dark.svg");
   --zitadel-logo-powered-by: url("../logo-light.svg");
@@ -688,9 +692,15 @@ i {
   overflow: hidden;
 }
 .lgn-account-selection .lgn-account .lgn-names .lgn-session-state {
-  margin: 0;
-  font-size: 14px;
-  margin-bottom: 0.5rem;
+  margin: 0.25rem 0;
+  border-radius: 50vw;
+  padding: 2px 0.5rem;
+  letter-spacing: 0.05em;
+  font-size: 12px;
+  white-space: nowrap;
+  box-shadow: 0 0 3px #0000001a;
+  width: fit-content;
+  line-height: 1rem;
 }
 .lgn-account-selection .lgn-account .fill-space {
   flex: 1;
@@ -1581,9 +1591,15 @@ i {
   overflow: hidden;
 }
 .lgn-account-selection .lgn-account .lgn-names .lgn-session-state {
-  margin: 0;
-  font-size: 14px;
-  margin-bottom: 0.5rem;
+  margin: 0.25rem 0;
+  border-radius: 50vw;
+  padding: 2px 0.5rem;
+  letter-spacing: 0.05em;
+  font-size: 12px;
+  white-space: nowrap;
+  box-shadow: 0 0 3px #0000001a;
+  width: fit-content;
+  line-height: 1rem;
 }
 .lgn-account-selection .lgn-account .fill-space {
   flex: 1;
@@ -2548,10 +2564,18 @@ label, .lgn-label, .lgn-typography .lgn-label, .lgn-typography label {
   color: var(--zitadel-color-button-disabled);
 }
 
+.lgn-stroked-button:hover,
+.lgn-stroked-button:focus {
+  background: var(--zitadel-color-stroked-button-hover-background);
+}
+
+.lgn-stroked-button:active {
+  background: var(--zitadel-color-stroked-button-active-background);
+}
+
 .lgn-button:focus,
-.lgn-stroked-button:focus,
 .lgn-raised-button:focus {
-  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
   background: var(--zitadel-color-background);
 }
 
@@ -2610,7 +2634,7 @@ label, .lgn-label, .lgn-typography .lgn-label, .lgn-typography label {
   background-color: var(--zitadel-color-button-disabled-background);
 }
 .lgn-raised-button:active {
-  background-color: rgba(var(--zitadel-color-primary-rgb), 0.8);
+  background-color: var(--zitadel-color-raised-button-active-background);
 }
 
 .lgn-button,
@@ -2622,36 +2646,42 @@ label, .lgn-label, .lgn-typography .lgn-label, .lgn-typography label {
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 .lgn-raised-button:not([disabled]):active {
-  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
 }
 .lgn-raised-button[disabled] {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
 
 .lgn-input:not([disabled]),
-select:not([disabled]), .lgn-select:not([disabled]) {
+select:not([disabled]),
+.lgn-select:not([disabled]) {
   border-color: var(--zitadel-color-input-border);
 }
 
 .lgn-input,
-select, .lgn-select {
+select,
+.lgn-select {
   color: var(--zitadel-color-text);
   background-color: var(--zitadel-color-input-background);
 }
 .lgn-input:hover,
-select:hover, .lgn-select:hover {
+select:hover,
+.lgn-select:hover {
   border-color: var(--zitadel-color-input-border-hover);
 }
 .lgn-input:active,
-select:active, .lgn-select:active {
-  border-color: var(--zitadel-color-input-border);
+select:active,
+.lgn-select:active {
+  border-color: var(--zitadel-color-input-border-active);
 }
 .lgn-input:focus,
-select:focus, .lgn-select:focus {
-  border-color: var(--zitadel-color-input-border);
+select:focus,
+.lgn-select:focus {
+  border-color: var(--zitadel-color-input-border-active);
 }
 .lgn-input[color=warn],
-select[color=warn], .lgn-select[color=warn] {
+select[color=warn],
+.lgn-select[color=warn] {
   border-color: var(--zitadel-color-warn);
 }
 
@@ -2724,11 +2754,11 @@ input[type=checkbox]:checked + label:after {
 }
 
 footer {
-  background-color: var(--zitadel-color-background);
+  background-color: var(--zitadel-color-footer-background);
   border-top: 1px solid var(--zitadel-color-footer-line);
 }
 footer a {
-  color: var(--zitadel-color-primary);
+  color: var(--zitadel-color-font-500);
 }
 footer .lgn-logo-watermark {
   background: var(--zitadel-logo-powered-by) no-repeat;
@@ -2736,11 +2766,11 @@ footer .lgn-logo-watermark {
   background-size: contain;
 }
 
-a {
-  color: var(--zitadel-color-primary);
+a:not(.lgn-stroked-button):not(.lgn-button):not(.lgn-raised-button) {
+  color: var(--zitadel-color-font);
 }
-a:hover, a:active {
-  color: var(--zitadel-color-primary-400);
+a:not(.lgn-stroked-button):not(.lgn-button):not(.lgn-raised-button):hover, a:not(.lgn-stroked-button):not(.lgn-button):not(.lgn-raised-button):active {
+  color: var(--zitadel-color-primary-500);
 }
 
 .lgn-error {
@@ -2792,10 +2822,12 @@ a:hover, a:active {
   color: var(--zitadel-color-label);
 }
 .lgn-account-selection .lgn-account .lgn-session-state.i0 {
-  color: #85d996;
+  color: var(--zitadel-color-state-success-font);
+  background: var(--zitadel-color-state-success-background);
 }
 .lgn-account-selection .lgn-account .lgn-session-state.i1 {
-  color: var(--zitadel-color-warn);
+  color: var(--zitadel-color-state-warn-font);
+  background: var(--zitadel-color-state-warn-background);
 }
 
 .lgn-avatar:not(.transparent).lgn-primary {
diff --git a/internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css.map b/internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css.map
index fc187df67c..24661fa6e1 100644
--- a/internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css.map
+++ b/internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../scss/styles/vars.scss","../../scss/main.scss","../../scss/styles/footer/footer.scss","../../scss/styles/header/header.scss","../../scss/styles/button/button.scss","../../scss/styles/button/button_base.scss","../../scss/styles/input/input.scss","../../scss/styles/input/input_base.scss","../../scss/styles/label/label.scss","../../scss/styles/label/label_base.scss","../../scss/styles/radio/radio_base.scss","../../scss/styles/radio/radio.scss","../../scss/styles/a/a.scss","../../scss/styles/identity_provider/identity_provider.scss","../../scss/styles/identity_provider/identity_provider_base.scss","../../scss/styles/error/error.scss","../../scss/styles/qrcode/qrcode.scss","../../scss/styles/container/container.scss","../../scss/styles/account_selection/account_selection.scss","../../scss/styles/avatar/avatar.scss","../../scss/styles/checkbox/checkbox.scss","../../scss/styles/checkbox/checkbox_base.scss","../../scss/styles/select/select.scss","../../scss/styles/select/select_base.scss","../../scss/styles/list/list_base.scss","../../scss/styles/typography/faces/ailerons_font_faces.scss","../../scss/styles/typography/faces/lato_font_faces.scss","../../scss/styles/typography/faces/roboto_font_faces.scss","../../scss/styles/typography/faces/raleway_font_faces.scss","../../scss/styles/typography/faces/pt_sans_font_faces.scss","../../scss/styles/success_label/success_label.scss","../../scss/styles/register/register.scss","../../scss/styles/animations.scss","../../scss/styles/typography/typography.scss","../../scss/styles/core/core.scss","../../scss/styles/header/header_theme.scss","../../scss/styles/button/button_theme.scss","../../scss/styles/elevation/elevation.scss","../../scss/styles/input/input_theme.scss","../../scss/styles/radio/radio_theme.scss","../../scss/styles/checkbox/checkbox_theme.scss","../../scss/styles/label/label_theme.scss","../../scss/styles/footer/footer_theme.scss","../../scss/styles/a/a_theme.scss","../../scss/styles/error/error_theme.scss","../../scss/styles/qrcode/qrcode_theme.scss","../../scss/styles/container/container_theme.scss","../../scss/styles/account_selection/account_selection_theme.scss","../../scss/styles/avatar/avatar_theme.scss","../../scss/styles/select/select_theme.scss","../../scss/styles/list/list_theme.scss","../../scss/styles/identity_provider/identity_provider_theme.scss","../../scss/styles/success_label/success_label_theme.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;AAGA;EACA;EACA;EAGA;EACA;;;AC9MF;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AChBJ;EACI;EACA;EACA;EACA,YAPY;EAQZ;EACA;EACA,SATa;;AAWb;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EAnBJ;IAoBQ;IACA;IACA;IACA;;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;;ACtCZ;EACE;EACA;EACA,QALkB;EAMlB,SAPmB;EAQnB;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACjBJ;ECkBE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA,QAjCkB;EAkClB,WAnCqB;EAoCrB,aAlCuB;EAmCvB,SAtCmB;EAuCnB,eAnCyB;EAqCzB;;AAEA;EACE;;AAGF;EACE;;;AD1CJ;ECcE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA,QAjCkB;EAkClB,WAnCqB;EAoCrB,aAlCuB;EAmCvB,SAtCmB;EAuCnB,eAnCyB;EAqCzB;EAgBA;;AAdA;EACE;;AAGF;EACE;;;ADtCJ;EACE;EACA;EACA,OCCqB;EDArB;EACA;EACA,aCFqB;EDGrB,eCF8B;;ADI9B;EACE,aCJ0B;;;ADQ9B;EACE;EACA,SCf2B;EDgB3B,aCjB+B;;;ADoBjC;EACE;EACA,YC3B4B;;;AD+B5B;EACE;;;AEnCJ;AAAA;ECOI;EACA;EACA,sBAXsB;EAYtB;EACA;EACA;EACA;EACA,eAZsB;EAatB;EACA;EACA;EACA,cAfqB;EAgBrB,QAlBoB;EAmBpB,SArBgB;EAsBhB;EACA;EACA,QAvBe;;AAyBf;AAAA;EACI,WAtB0B;EAuB1B;;;ADrBR;ECCI;EACA;EACA,sBAXsB;EAYtB;EACA;EACA;EACA;EACA,eAZsB;EAatB;EACA;EACA;EACA,cAfqB;EAgBrB,QAlBoB;EAmBpB,SArBgB;EAsBhB;EACA;EACA,QAvBe;;AAyBf;EACI,WAtB0B;EAuB1B;;;ADjBR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;;AElBR;ECGI;EACA,WANkB;EAOlB;EACA,QAPe;EAQf,aAPoB;;;ACMxB;EACI;IACE;;EAGF;IACE;;EAGF;IACE;;;AChBN;EDqBI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA,QA9BS;EA+BT;EACA,SA7BkB;EA8BlB;EACA;EACA;EACA;EACA;EACA,WAzCc;EA0Cd;;AAEA;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA,OArDK;EAsDL,QAtDK;EAuDL;EACA;;AAGJ;EACI;EACA;EACA,OA7Da;EA8Db,QA9Da;EA+Db;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAOA;EACI;EACA;;AAGJ;EACI;;AAKZ;AAAA;AAAA;EAGI;;;AE5GR;EACI;EACA;EACA;EACA;;AAEA;EACI;;;ACLR;ECKI;EACA,QARa;EASb;EACA;EACA;EACA;EACA,SAZc;EAad,eAXoB;EAYpB;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,aAtB4B;EAuB5B;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;ACtCZ;EACI;EACA;EACA;;AACA;EACI;EACA;;;AAIR;EACI;;;ACXJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;ACHR;EACI,WAPsB;EAQtB;EACA;EACA,eAN0B;EAO1B;;AAEA;EAPJ;IAQQ,YAXmB;;;;AAe3B;EACI;EACA;EACA,QAnBmB;EAoBnB,SArBoB;EAsBpB;EACA;;AAGI;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAIR;EACI;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGA;EACI;;AAMhB;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;;AAKZ;EACI;;;ACvHJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;;AAGJ;EACI;;;ACrDZ;EACI,QAHc;EAId,OAJc;EAKd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;ACrBJ;ECCI;EACA;EACA;EACA,WANqB;EAOrB;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA,WA3BiB;EA4BjB;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AChDZ;ECCI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;ACVJ;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;;ACpCR;EACI;EACA;;ACFJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AC7DJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;ACzEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;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I;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAIR;EACI;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGA;EACI;;AAMhB;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;;AAKZ;EACI;;;ACvHJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;;AAGJ;EACI;;;ACrDZ;EACI,QAHc;EAId,OAJc;EAKd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;ACrBJ;ECCI;EACA;EACA;EACA,WANqB;EAOrB;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA,WA3BiB;EA4BjB;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AChDZ;ECCI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;ACVJ;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;;ACpCR;EACI;EACA;;ACFJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AC7DJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;ACzEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AC9GJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;ACtBJ;EACI;EACA;EACA;EACA;;;ALNJ;EACI;EACA;;ACFJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AC7DJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;ACzEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AC9GJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AZlBJ;EACI,WAPsB;EAQtB;EACA;EACA,eAN0B;EAO1B;;AAEA;EAPJ;IAQQ,YAXmB;;;;AAe3B;EACI;EACA;EACA,QAnBmB;EAoBnB,SArBoB;EAsBpB;EACA;;AAGI;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAIR;EACI;;AAEA;EAC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","file":"zitadel.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../scss/styles/vars.scss","../../scss/main.scss","../../scss/styles/footer/footer.scss","../../scss/styles/header/header.scss","../../scss/styles/button/button.scss","../../scss/styles/button/button_base.scss","../../scss/styles/input/input.scss","../../scss/styles/input/input_base.scss","../../scss/styles/label/label.scss","../../scss/styles/label/label_base.scss","../../scss/styles/radio/radio_base.scss","../../scss/styles/radio/radio.scss","../../scss/styles/a/a.scss","../../scss/styles/identity_provider/identity_provider.scss","../../scss/styles/identity_provider/identity_provider_base.scss","../../scss/styles/error/error.scss","../../scss/styles/qrcode/qrcode.scss","../../scss/styles/container/container.scss","../../scss/styles/account_selection/account_selection.scss","../../scss/styles/avatar/avatar.scss","../../scss/styles/checkbox/checkbox.scss","../../scss/styles/checkbox/checkbox_base.scss","../../scss/styles/select/select.scss","../../scss/styles/select/select_base.scss","../../scss/styles/list/list_base.scss","../../scss/styles/typography/faces/ailerons_font_faces.scss","../../scss/styles/typography/faces/lato_font_faces.scss","../../scss/styles/typography/faces/roboto_font_faces.scss","../../scss/styles/typography/faces/raleway_font_faces.scss","../../scss/styles/typography/faces/pt_sans_font_faces.scss","../../scss/styles/success_label/success_label.scss","../../scss/styles/register/register.scss","../../scss/styles/animations.scss","../../scss/styles/typography/typography.scss","../../scss/styles/core/core.scss","../../scss/styles/header/header_theme.scss","../../scss/styles/button/button_theme.scss","../../scss/styles/elevation/elevation.scss","../../scss/styles/input/input_theme.scss","../../scss/styles/radio/radio_theme.scss","../../scss/styles/checkbox/checkbox_theme.scss","../../scss/styles/label/label_theme.scss","../../scss/styles/footer/footer_theme.scss","../../scss/styles/a/a_theme.scss","../../scss/styles/error/error_theme.scss","../../scss/styles/qrcode/qrcode_theme.scss","../../scss/styles/container/container_theme.scss","../../scss/styles/account_selection/account_selection_theme.scss","../../scss/styles/avatar/avatar_theme.scss","../../scss/styles/select/select_theme.scss","../../scss/styles/list/list_theme.scss","../../scss/styles/identity_provider/identity_provider_theme.scss","../../scss/styles/success_label/success_label_theme.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;AAIA;EACA;EACA;EAEA;EACA;;;AC7MF;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AChBJ;EACI;EACA;EACA;EACA,YAPY;EAQZ;EACA;EACA,SATa;;AAWb;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EAnBJ;IAoBQ;IACA;IACA;IACA;;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;;ACtCZ;EACE;EACA;EACA,QALkB;EAMlB,SAPmB;EAQnB;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACjBJ;ECkBE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA,QAjCkB;EAkClB,WAnCqB;EAoCrB,aAlCuB;EAmCvB,SAtCmB;EAuCnB,eAnCyB;EAqCzB;;AAEA;EACE;;AAGF;EACE;;;AD1CJ;ECcE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA,QAjCkB;EAkClB,WAnCqB;EAoCrB,aAlCuB;EAmCvB,SAtCmB;EAuCnB,eAnCyB;EAqCzB;EAgBA;;AAdA;EACE;;AAGF;EACE;;;ADtCJ;EACE;EACA;EACA,OCCqB;EDArB;EACA;EACA,aCFqB;EDGrB,eCF8B;;ADI9B;EACE,aCJ0B;;;ADQ9B;EACE;EACA,SCf2B;EDgB3B,aCjB+B;;;ADoBjC;EACE;EACA,YC3B4B;;;AD+B5B;EACE;;;AEnCJ;AAAA;ECOI;EACA;EACA,sBAXsB;EAYtB;EACA;EACA;EACA;EACA,eAZsB;EAatB;EACA;EACA;EACA,cAfqB;EAgBrB,QAlBoB;EAmBpB,SArBgB;EAsBhB;EACA;EACA,QAvBe;;AAyBf;AAAA;EACI,WAtB0B;EAuB1B;;;ADrBR;ECCI;EACA;EACA,sBAXsB;EAYtB;EACA;EACA;EACA;EACA,eAZsB;EAatB;EACA;EACA;EACA,cAfqB;EAgBrB,QAlBoB;EAmBpB,SArBgB;EAsBhB;EACA;EACA,QAvBe;;AAyBf;EACI,WAtB0B;EAuB1B;;;ADjBR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;;AElBR;ECGI;EACA,WANkB;EAOlB;EACA,QAPe;EAQf,aAPoB;;;ACMxB;EACI;IACE;;EAGF;IACE;;EAGF;IACE;;;AChBN;EDqBI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA,QA9BS;EA+BT;EACA,SA7BkB;EA8BlB;EACA;EACA;EACA;EACA;EACA,WAzCc;EA0Cd;;AAEA;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA,OArDK;EAsDL,QAtDK;EAuDL;EACA;;AAGJ;EACI;EACA;EACA,OA7Da;EA8Db,QA9Da;EA+Db;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAOA;EACI;EACA;;AAGJ;EACI;;AAKZ;AAAA;AAAA;EAGI;;;AE5GR;EACI;EACA;EACA;EACA;;AAEA;EACI;;;ACLR;ECKI;EACA,QARa;EASb;EACA;EACA;EACA;EACA,SAZc;EAad,eAXoB;EAYpB;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,aAtB4B;EAuB5B;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;ACtCZ;EACI;EACA;EACA;;AACA;EACI;EACA;;;AAIR;EACI;;;ACXJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;ACHR;EACI,WAPsB;EAQtB;EACA;EACA,eAN0B;EAO1B;;AAEA;EAPJ;IAQQ,YAXmB;;;;AAe3B;EACI;EACA;EACA,QAnBmB;EAoBnB,SArBoB;EAsBpB;EACA;;AAGI;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAIR;EACI;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGA;EACI;;AAMhB;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;;AAKZ;EACI;;;ACvHJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;;AC3DN;EACI,QAHc;EAId,OAJc;EAKd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;ACrBJ;ECCI;EACA;EACA;EACA,WANqB;EAOrB;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA,WA3BiB;EA4BjB;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AChDZ;ECCI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;ACVJ;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;;ACpCR;EACI;EACA;;ACFJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AC7DJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;ACzEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EA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SArBoB;EAsBpB;EACA;;AAGI;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAIR;EACI;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGA;EACI;;AAMhB;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;;AAKZ;EACI;;;ACvHJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;;AC3DN;EACI,QAHc;EAId,OAJc;EAKd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;ACrBJ;ECCI;EACA;EACA;EACA,WANqB;EAOrB;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA,WA3BiB;EA4BjB;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AChDZ;ECCI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;ACVJ;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;;ACpCR;EACI;EACA;;ACFJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AC7DJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;ACzEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AC9GJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;ACtBJ;EACI;EACA;EACA;EACA;;;ALNJ;EACI;EACA;;ACFJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AC7DJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;ACzEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AC9GJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AZlBJ;EACI,WAPsB;EAQtB;EACA;EACA,eAN0B;EAO1B;;AAEA;EAPJ;IAQQ,YAXmB;;;;AAe3B;EACI;EACA;EACA,QAnBmB;EAoBnB,SArBoB;EAsBpB;EACA;;AAGI;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAIA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","file":"zitadel.css"}
\ No newline at end of file
diff --git a/internal/api/ui/login/static/templates/change_password.html b/internal/api/ui/login/static/templates/change_password.html
index bd57709343..642723f689 100644
--- a/internal/api/ui/login/static/templates/change_password.html
+++ b/internal/api/ui/login/static/templates/change_password.html
@@ -40,7 +40,7 @@
     {{ template "error-message" .}}
 
     <div class="lgn-actions">
-        <a class="lgn-stroked-button lgn-primary" href="{{ loginUrl }}">
+        <a class="lgn-stroked-button" href="{{ loginUrl }}">
             {{t "PasswordChange.CancelButtonText"}}
         </a>
         <span class="fill-space"></span>
diff --git a/internal/api/ui/login/static/templates/change_username.html b/internal/api/ui/login/static/templates/change_username.html
index e90e6b7b46..d5395c806e 100644
--- a/internal/api/ui/login/static/templates/change_username.html
+++ b/internal/api/ui/login/static/templates/change_username.html
@@ -22,7 +22,7 @@
     {{ template "error-message" .}}
 
     <div class="lgn-actions">
-        <a class="lgn-stroked-button lgn-primary" href="{{ loginUrl }}">
+        <a class="lgn-stroked-button" href="{{ loginUrl }}">
             {{t "UsernameChange.CancelButtonText"}}
         </a>
         <span class="fill-space"></span>
diff --git a/internal/api/ui/login/static/templates/external_register_overview.html b/internal/api/ui/login/static/templates/external_register_overview.html
index 2797eadc39..c246654868 100644
--- a/internal/api/ui/login/static/templates/external_register_overview.html
+++ b/internal/api/ui/login/static/templates/external_register_overview.html
@@ -100,7 +100,7 @@
     {{template "error-message" .}}
 
     <div class="lgn-actions">
-        <a class="lgn-stroked-button lgn-primary" href="{{ registerOptionUrl }}">
+        <a class="lgn-stroked-button" href="{{ registerOptionUrl }}">
             {{t "ExternalRegistrationUserOverview.BackButtonText"}}
         </a>
         <span class="fill-space"></span>
diff --git a/internal/api/ui/login/static/templates/init_user_done.html b/internal/api/ui/login/static/templates/init_user_done.html
index bfcd59a5d7..abf3fccc9e 100644
--- a/internal/api/ui/login/static/templates/init_user_done.html
+++ b/internal/api/ui/login/static/templates/init_user_done.html
@@ -1,28 +1,28 @@
 {{template "main-top" .}}
 
 <div class="lgn-head">
-    <h1>{{t "InitUserDone.Title"}}</h1>
+  <h1>{{t "InitUserDone.Title"}}</h1>
 
-    {{ template "user-profile" . }}
+  {{ template "user-profile" . }}
 
-    <p>{{t "InitUserDone.Description"}}</p>
+  <p>{{t "InitUserDone.Description"}}</p>
 </div>
 
 <form action="{{ loginUrl }}" method="POST">
+  {{ .CSRF }}
 
-    {{ .CSRF }}
+  <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
+  <input type="hidden" name="orgID" value="{{ .OrgID }}" />
 
-    <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
-    <input type="hidden" name="orgID" value="{{ .OrgID }}" />
-
-    <div class="lgn-actions lgn-reverse-order">
-        <button class="lgn-raised-button lgn-primary" type="submit">{{t "InitUserDone.NextButtonText"}}</button>
-        <span class="fill-space"></span>
-        <a class="lgn-stroked-button lgn-primary" href="{{ loginUrl }}">
-            {{t "InitUserDone.CancelButtonText"}}
-        </a>
-    </div>
+  <div class="lgn-actions lgn-reverse-order">
+    <button class="lgn-raised-button lgn-primary" type="submit">
+      {{t "InitUserDone.NextButtonText"}}
+    </button>
+    <span class="fill-space"></span>
+    <a class="lgn-stroked-button" href="{{ loginUrl }}">
+      {{t "InitUserDone.CancelButtonText"}}
+    </a>
+  </div>
 </form>
 
-
 {{template "main-bottom" .}}
diff --git a/internal/api/ui/login/static/templates/link_users_done.html b/internal/api/ui/login/static/templates/link_users_done.html
index 79fa30facc..beb9073598 100644
--- a/internal/api/ui/login/static/templates/link_users_done.html
+++ b/internal/api/ui/login/static/templates/link_users_done.html
@@ -1,26 +1,26 @@
 {{template "main-top" .}}
 
 <div class="lgn-head">
-    <h1>{{t "LinkingUsersDone.Title"}}</h1>
-    {{ template "user-profile" . }}
+  <h1>{{t "LinkingUsersDone.Title"}}</h1>
+  {{ template "user-profile" . }}
 
-    <p>{{t "LinkingUsersDone.Description"}}</p>
+  <p>{{t "LinkingUsersDone.Description"}}</p>
 </div>
 
 <form action="{{ loginUrl }}" method="POST">
+  {{ .CSRF }}
 
-    {{ .CSRF }}
+  <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
 
-    <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
-
-    <div class="lgn-actions">
-        <a class="lgn-stroked-button lgn-primary" href="{{ loginUrl }}">
-            {{t "LinkingUsersDone.CancelButtonText"}}
-        </a>
-        <span class="fill-space"></span>
-        <button class="lgn-raised-button lgn-primary" type="submit">{{t "LinkingUsersDone.NextButtonText"}}</button>
-    </div>
+  <div class="lgn-actions">
+    <a class="lgn-stroked-button" href="{{ loginUrl }}">
+      {{t "LinkingUsersDone.CancelButtonText"}}
+    </a>
+    <span class="fill-space"></span>
+    <button class="lgn-raised-button lgn-primary" type="submit">
+      {{t "LinkingUsersDone.NextButtonText"}}
+    </button>
+  </div>
 </form>
 
-
-{{template "main-bottom" .}}
\ No newline at end of file
+{{template "main-bottom" .}}
diff --git a/internal/api/ui/login/static/templates/login.html b/internal/api/ui/login/static/templates/login.html
index 0a7b910494..d3a2b5e7ca 100644
--- a/internal/api/ui/login/static/templates/login.html
+++ b/internal/api/ui/login/static/templates/login.html
@@ -36,7 +36,7 @@
         <button class="lgn-raised-button lgn-primary lgn-initial-focus" id="submit-button" type="submit">{{t "Login.NextButtonText"}}</button>
         <span class="fill-space"></span>
         {{if .LoginPolicy.AllowRegister}}
-        <button class="lgn-stroked-button lgn-primary" name="register" value="true" formnovalidate>{{t "Login.RegisterButtonText"}}</button>
+        <button class="lgn-stroked-button" name="register" value="true" formnovalidate>{{t "Login.RegisterButtonText"}}</button>
         {{end}}
     </div>
 
diff --git a/internal/api/ui/login/static/templates/mail_verification.html b/internal/api/ui/login/static/templates/mail_verification.html
index c79011060d..8c7ddee8c4 100644
--- a/internal/api/ui/login/static/templates/mail_verification.html
+++ b/internal/api/ui/login/static/templates/mail_verification.html
@@ -30,7 +30,7 @@
         <span class="fill-space"></span>
 
         {{ if .UserID }}
-        <button type="submit" name="resend" value="true" class="lgn-stroked-button lgn-primary" formnovalidate>{{t "EmailVerification.ResendButtonText"}}</button>
+        <button type="submit" name="resend" value="true" class="lgn-stroked-button" formnovalidate>{{t "EmailVerification.ResendButtonText"}}</button>
         {{ end }}
 
         <a class="lgn-icon-button lgn-left-action" name="resetlinking" value="true" href="{{ loginUrl }}"
diff --git a/internal/api/ui/login/static/templates/mail_verified.html b/internal/api/ui/login/static/templates/mail_verified.html
index 878a3cfe28..6559e5d4f5 100644
--- a/internal/api/ui/login/static/templates/mail_verified.html
+++ b/internal/api/ui/login/static/templates/mail_verified.html
@@ -1,33 +1,28 @@
 {{template "main-top" .}}
 
 <div class="lgn-head">
-    <h1>{{t "EmailVerificationDone.Title"}}</h1>
-    {{ template "user-profile" . }}
+  <h1>{{t "EmailVerificationDone.Title"}}</h1>
+  {{ template "user-profile" . }}
 
-    <p>{{t "EmailVerificationDone.Description"}}</p>
+  <p>{{t "EmailVerificationDone.Description"}}</p>
 </div>
 
 <form action="{{ loginUrl }}" method="POST">
+  {{ .CSRF }}
 
-    {{ .CSRF }}
+  <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
+  <input type="hidden" name="orgID" value="{{ .OrgID }}" />
 
-    <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
-    <input type="hidden" name="orgID" value="{{ .OrgID }}" />
-
-    <div class="lgn-actions">
-        <a class="lgn-stroked-button lgn-primary" href="{{ loginUrl }}">
-            {{t "EmailVerificationDone.CancelButtonText"}}
-        </a>
-        <span class="fill-space"></span>
-        <button class="lgn-raised-button lgn-primary" type="submit">
-            {{if .AuthReqID }}
-                {{t "EmailVerificationDone.NextButtonText"}}
-            {{else}}
-                {{t "EmailVerificationDone.LoginButtonText"}}
-            {{end}}
-        </button>
-    </div>
+  <div class="lgn-actions">
+    <a class="lgn-stroked-button" href="{{ loginUrl }}">
+      {{t "EmailVerificationDone.CancelButtonText"}}
+    </a>
+    <span class="fill-space"></span>
+    <button class="lgn-raised-button lgn-primary" type="submit">
+      {{if .AuthReqID }} {{t "EmailVerificationDone.NextButtonText"}} {{else}}
+      {{t "EmailVerificationDone.LoginButtonText"}} {{end}}
+    </button>
+  </div>
 </form>
 
-
 {{template "main-bottom" .}}
diff --git a/internal/api/ui/login/static/templates/mfa_init_done.html b/internal/api/ui/login/static/templates/mfa_init_done.html
index d8eeb79bf0..082e938efd 100644
--- a/internal/api/ui/login/static/templates/mfa_init_done.html
+++ b/internal/api/ui/login/static/templates/mfa_init_done.html
@@ -1,28 +1,28 @@
 {{template "main-top" .}}
 
 <div class="lgn-head">
-    <h1>{{t "InitMFADone.Title"}}</h1>
+  <h1>{{t "InitMFADone.Title"}}</h1>
 
-    {{ template "user-profile" . }}
+  {{ template "user-profile" . }}
 
-    <p>{{t "InitMFADone.Description"}}</p>
+  <p>{{t "InitMFADone.Description"}}</p>
 </div>
 
 <form action="{{ loginUrl }}" method="POST">
+  {{ .CSRF }}
 
-    {{ .CSRF }}
+  <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
+  <input type="hidden" name="mfaType" value="{{ .MFAType }}" />
 
-    <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
-    <input type="hidden" name="mfaType" value="{{ .MFAType }}" />
-
-    <div class="lgn-actions">
-        <a class="lgn-stroked-button lgn-primary" href="{{ loginUrl }}">
-            {{t "InitMFADone.CancelButtonText"}}
-        </a>
-        <span class="fill-space"></span>
-        <button class="lgn-raised-button lgn-primary" type="submit">{{t "InitMFADone.NextButtonText"}}</button>
-    </div>
+  <div class="lgn-actions">
+    <a class="lgn-stroked-button" href="{{ loginUrl }}">
+      {{t "InitMFADone.CancelButtonText"}}
+    </a>
+    <span class="fill-space"></span>
+    <button class="lgn-raised-button lgn-primary" type="submit">
+      {{t "InitMFADone.NextButtonText"}}
+    </button>
+  </div>
 </form>
 
-
-{{template "main-bottom" .}}
\ No newline at end of file
+{{template "main-bottom" .}}
diff --git a/internal/api/ui/login/static/templates/mfa_init_otp.html b/internal/api/ui/login/static/templates/mfa_init_otp.html
index dd44edb02d..b84a88a5b1 100644
--- a/internal/api/ui/login/static/templates/mfa_init_otp.html
+++ b/internal/api/ui/login/static/templates/mfa_init_otp.html
@@ -46,7 +46,7 @@
             <i class="lgn-icon-arrow-left-solid"></i>
         </a>
         
-        <a class="lgn-stroked-button lgn-primary" href="{{ loginUrl }}">
+        <a class="lgn-stroked-button" href="{{ loginUrl }}">
             {{t "InitMFAOTP.CancelButtonText"}}
         </a>
         <span class="fill-space"></span>
diff --git a/internal/api/ui/login/static/templates/mfa_prompt.html b/internal/api/ui/login/static/templates/mfa_prompt.html
index 971501aef4..ffe0dfc665 100644
--- a/internal/api/ui/login/static/templates/mfa_prompt.html
+++ b/internal/api/ui/login/static/templates/mfa_prompt.html
@@ -1,41 +1,54 @@
 {{template "main-top" .}}
 
 <div class="lgn-head">
-    <h1>{{t "InitMFAPrompt.Title"}}</h1>
-    {{ template "user-profile" . }}
+  <h1>{{t "InitMFAPrompt.Title"}}</h1>
+  {{ template "user-profile" . }}
 
-    <p>{{t "InitMFAPrompt.Description"}}</p>
+  <p>{{t "InitMFAPrompt.Description"}}</p>
 </div>
 
 <form action="{{ mfaPromptUrl }}" method="POST">
+  {{ .CSRF }}
 
-    {{ .CSRF }}
+  <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
 
-    <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
-
-    <div class="fields">
-        {{ range $provider := .MFAProviders}}
-        {{ $providerName := (t (printf "InitMFAPrompt.Provider%v" $provider)) }}
-            <div class="lgn-radio block">
-                <input id="{{ $provider }}" type="radio" name="provider" value="{{ $provider }}">
-                <label for="{{ $provider }}">{{ $providerName }}</label>
-            </div>
-        {{ end }}
+  <div class="fields">
+    {{ range $provider := .MFAProviders}} {{ $providerName := (t (printf
+    "InitMFAPrompt.Provider%v" $provider)) }}
+    <div class="lgn-radio block">
+      <input
+        id="{{ $provider }}"
+        type="radio"
+        name="provider"
+        value="{{ $provider }}"
+      />
+      <label for="{{ $provider }}">{{ $providerName }}</label>
     </div>
+    {{ end }}
+  </div>
 
-    <div class="lgn-actions">
-        <!-- position element in header -->
-        <a class="lgn-icon-button lgn-left-action" href="{{ loginUrl }}">
-            <i class="lgn-icon-arrow-left-solid"></i>
-        </a>
+  <div class="lgn-actions">
+    <!-- position element in header -->
+    <a class="lgn-icon-button lgn-left-action" href="{{ loginUrl }}">
+      <i class="lgn-icon-arrow-left-solid"></i>
+    </a>
 
-        {{if not .MFARequired}}
-        <button class="lgn-stroked-button lgn-primary" name="skip" value="true" type="submit" formnovalidate>{{t "InitMFAPrompt.SkipButtonText"}}</button>
-        {{end}}
-        <span class="fill-space"></span>
-        <button class="lgn-raised-button lgn-primary" type="submit">{{t "InitMFAPrompt.NextButtonText"}}</button>
-    </div>
+    {{if not .MFARequired}}
+    <button
+      class="lgn-stroked-button"
+      name="skip"
+      value="true"
+      type="submit"
+      formnovalidate
+    >
+      {{t "InitMFAPrompt.SkipButtonText"}}
+    </button>
+    {{end}}
+    <span class="fill-space"></span>
+    <button class="lgn-raised-button lgn-primary" type="submit">
+      {{t "InitMFAPrompt.NextButtonText"}}
+    </button>
+  </div>
 </form>
 
-
-{{template "main-bottom" .}}
\ No newline at end of file
+{{template "main-bottom" .}}
diff --git a/internal/api/ui/login/static/templates/mfa_verification_u2f.html b/internal/api/ui/login/static/templates/mfa_verification_u2f.html
index e0f2ba8433..28ece3002e 100644
--- a/internal/api/ui/login/static/templates/mfa_verification_u2f.html
+++ b/internal/api/ui/login/static/templates/mfa_verification_u2f.html
@@ -35,7 +35,7 @@
             <p>{{t "MFAProvider.ChooseOther"}}</p>
             {{ range $provider := .MFAProviders}}
                 {{ $providerName := (t (printf "MFAProvider.Provider%v" $provider)) }}
-                <button class="lgn-stroked-button lgn-primary" type="submit" name="provider" value="{{$provider}}">{{$providerName}}</button>
+                <button class="lgn-stroked-button" type="submit" name="provider" value="{{$provider}}">{{$providerName}}</button>
             {{ end }}
         </div>
     {{ end }}
diff --git a/internal/api/ui/login/static/templates/mfa_verify_otp.html b/internal/api/ui/login/static/templates/mfa_verify_otp.html
index 663298be69..345391660d 100644
--- a/internal/api/ui/login/static/templates/mfa_verify_otp.html
+++ b/internal/api/ui/login/static/templates/mfa_verify_otp.html
@@ -36,7 +36,7 @@
             <p>{{t "MFAProvider.ChooseOther"}}</p>
             {{ range $provider := .MFAProviders}}
             {{ $providerName := (t (printf "MFAProvider.Provider%v" $provider)) }}
-            <button class="lgn-stroked-button lgn-primary" type="submit" name="provider" value="{{$provider}}"
+            <button class="lgn-stroked-button" type="submit" name="provider" value="{{$provider}}"
                 formnovalidate>{{$providerName}}</button>
             {{ end }}
         </div>
diff --git a/internal/api/ui/login/static/templates/password.html b/internal/api/ui/login/static/templates/password.html
index 939755df79..1d2207fcc2 100644
--- a/internal/api/ui/login/static/templates/password.html
+++ b/internal/api/ui/login/static/templates/password.html
@@ -29,7 +29,7 @@
 
     <div class="lgn-actions">
         <a href="{{ loginNameChangeUrl .AuthReqID }}">
-            <button class="lgn-stroked-button lgn-primary" type="button">{{t "Password.BackButtonText"}}</button>
+            <button class="lgn-stroked-button" type="button">{{t "Password.BackButtonText"}}</button>
         </a>
         <span class="fill-space"></span>
         <button id="submit-button" class="lgn-raised-button lgn-primary right" type="submit">{{t "Password.NextButtonText"}}</button>
diff --git a/internal/api/ui/login/static/templates/passwordless.html b/internal/api/ui/login/static/templates/passwordless.html
index 0cf47cef65..45e54264b1 100644
--- a/internal/api/ui/login/static/templates/passwordless.html
+++ b/internal/api/ui/login/static/templates/passwordless.html
@@ -30,7 +30,7 @@
         </a>
 
         {{if .PasswordLogin}}
-            <button class="lgn-stroked-button lgn-primary" name="passwordlogin" value="true" type="submit">{{t "Passwordless.LoginWithPwButtonText"}}</button>
+            <button class="lgn-stroked-button" name="passwordlogin" value="true" type="submit">{{t "Passwordless.LoginWithPwButtonText"}}</button>
         {{end}}
         <span class="fill-space"></span>
         <a id="btn-login" class="lgn-raised-button lgn-primary wa-support">{{t "Passwordless.ValidateTokenButtonText"}}</a>
diff --git a/internal/api/ui/login/static/templates/register.html b/internal/api/ui/login/static/templates/register.html
index 4130660cc4..a95ad23a51 100644
--- a/internal/api/ui/login/static/templates/register.html
+++ b/internal/api/ui/login/static/templates/register.html
@@ -128,7 +128,7 @@
     {{template "error-message" .}}
 
     <div class="lgn-actions">
-        <a class="lgn-stroked-button lgn-primary" href="{{ loginNameChangeUrl .AuthReqID }}">
+        <a class="lgn-stroked-button" href="{{ loginNameChangeUrl .AuthReqID }}">
             {{t "RegistrationUser.BackButtonText"}}
         </a>
         <span class="fill-space"></span>