[Web] Add role color marker and icons to login pages

data/web/css/build/014-mailcow.css

@@ -62,6 +62,9 @@
   --mc-dtr-color: #fff;
   --mc-dtr-hover-bg: #5e5e5e;
   --mc-dtr-active-bg: #979797;
+  --mc-login-user: #28b62c;
+  --mc-login-domainadmin: #ffc107;
+  --mc-login-admin: #ff4136;
 }
 
 body {
@@ -439,6 +442,26 @@ button[aria-expanded='true'] > .caret {
     text-decoration: none;
 }
 
+/* role marker on login pages, header icons differ too (color blindness) */
+.login-card::before {
+  content: "";
+  display: block;
+  height: 5px;
+  background: var(--mc-login-color);
+  border-radius: inherit;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.login-user {
+  --mc-login-color: var(--mc-login-user);
+}
+.login-domainadmin {
+  --mc-login-color: var(--mc-login-domainadmin);
+}
+.login-admin {
+  --mc-login-color: var(--mc-login-admin);
+}
+
 .hr-title {
   display: flex;
   align-items: center;

data/web/css/themes/servercow/theme.css

@@ -116,6 +116,9 @@
   --mc-dtr-color: var(--sc-brown);
   --mc-dtr-hover-bg: var(--sc-brown-tint);
   --mc-dtr-active-bg: var(--sc-brown-soft);
+  --mc-login-user: var(--sc-green);
+  --mc-login-domainadmin: #f5c400;
+  --mc-login-admin: var(--sc-danger);
 }
 
 /* base */
@@ -571,10 +574,6 @@ table.dataTable.table-hover > tbody > tr:hover > * {
   background-color: var(--sc-warning) !important;
 }
 
-/* login pages (no navbar), green line on top */
-body:not(:has(> .navbar)) {
-  border-top: 5px solid var(--sc-green);
-}
 
 /* footer */
 .footer, .footer a {