3
0

Update themes for auth screens

This commit is contained in:
Jože Fortun
2021-09-27 17:02:58 +02:00
parent 6ceadf40fc
commit 9ee3ab0bb8
22 changed files with 69 additions and 23 deletions
Binary file not shown.
Binary file not shown.
Binary file not shown.
+53 -6
View File
@@ -1,14 +1,47 @@
:root {
--primary: #4D7281;
--primary-hover: #497689;
--primary: #0B344E;
--primary-hover: #061E2C;
--light: #E4E9EF;
--danger: #E54122;
--danger: #E24646;
--body-margin: 50px;
}
@font-face {
font-family: 'Poppins-Bold';
src: url('./fonts/poppins/Poppins-Bold.ttf') format('truetype');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins-SemiBold';
src: url('./fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins-Regular';
src: url('./fonts/poppins/Poppins-Regular.ttf') format('truetype');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins-Medium';
src: url('./fonts/poppins/Poppins-Medium.ttf') format('truetype');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
body {
margin: var(--body-margin) 0;
font-family: 'Nunito', sans-serif;
font-family: 'Poppins-Regular';
height: calc(100vh - 2 * var(--body-margin));
}
@@ -27,8 +60,22 @@ body {
right: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, label, .btn, a {
font-weight: 600;
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins-SemiBold';
}
thead th,
legend,
label,
a,
.btn {
font-family: 'Poppins-Medium';
}
strong,
b,
.font-weight-bold {
font-family: 'Poppins-SemiBold';
}
/* over-ride default variables colors */
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" set . "activeNav" "clients" }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "authorized-clients.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "authorized-clients.template.title" }}</h4>
<form
method="POST"
class="clearfix"
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" set . "activeNav" "security" }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "change-password.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "change-password.template.title" }}</h4>
<form
method="POST"
action="{{ links.ChangePassword }}"
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" set . "activeNav" "security" }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "create-password.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "create-password.template.title" }}</h4>
<form
method="POST"
action="{{ links.CreatePassword }}"
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" . }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "error-internal.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "error-internal.template.title" }}</h4>
<div class="text-danger mb-4 font-weight-bold p-3" role="alert">
{{ .error }}
</div>
+1 -1
View File
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" . }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "login.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "login.template.title" }}</h4>
{{ if .settings.LocalEnabled }}
<form
method="POST"
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" set . "hideNav" true }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "mfa-totp-disable.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "mfa-totp-disable.template.title" }}</h4>
<form
class="p-3"
+1 -1
View File
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" set . "hideNav" true }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "mfa-totp.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "mfa-totp.template.title" }}</h4>
{{ if .enforced }}
<p class="p-3 text-danger mb-0 font-weight-bold">
+1 -1
View File
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" set . "hideNav" true }}
<div class="card-body p-0 mb-2">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "mfa.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "mfa.template.title" }}</h4>
{{ if .emailOtpPending }}
<form
@@ -7,7 +7,7 @@
</div>
{{ end }}
<h1 class="h4 card-title p-3 border-bottom">{{ tr "oauth2-authorize-client.template.title" }} "{{ coalesce .client.Name }}"</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "oauth2-authorize-client.template.title" }} "{{ coalesce .client.Name }}"</h1>
<form
action="{{ links.OAuth2AuthorizeClient }}"
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" . }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "password-reset-requested.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "password-reset-requested.template.title" }}</h4>
<div class="p-3" role="alert">
{{ tr "password-reset-requested.template.instructions" }}
</div>
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" . }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "pending-email-confirmation.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "pending-email-confirmation.template.title" }}</h4>
<div class="p-3" role="alert">
{{ tr "pending-email-confirmation.template.instructions" }}
</div>
+1 -1
View File
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" set . "activeNav" "profile" }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "profile.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "profile.template.title" }}</h4>
<form
method="POST"
action="{{ links.Profile }}"
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" . }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "request-password-reset.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "request-password-reset.template.title" }}</h4>
<form
method="POST"
action="{{ links.RequestPasswordReset }}"
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" . }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "reset-password.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "reset-password.template.title" }}</h4>
<form
method="POST"
action="{{ links.ResetPassword }}"
+1 -1
View File
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" set . "activeNav" "security" }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "security.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "security.template.title" }}</h4>
<form
method="POST"
action="{{ links.Security }}"
-1
View File
@@ -3,7 +3,6 @@
<form
method="POST"
action="{{ links.Sessions }}"
class="p-3"
>
{{ .csrfField }}
<div class="card-title p-3 border-bottom">
+1 -1
View File
@@ -1,6 +1,6 @@
{{ template "inc_header.html.tpl" . }}
<div class="card-body p-0">
<h1 class="h4 card-title p-3 border-bottom">{{ tr "signup.template.title" }}</h1>
<h4 class="card-title p-3 border-bottom">{{ tr "signup.template.title" }}</h4>
<form
method="POST"
action="{{ links.Signup }}"