Update bootstrap to v5.3.1 for backend static pages

This commit is contained in:
shamoon
2023-08-23 16:29:03 -07:00
parent ca1b8344fa
commit 95cd86a541
5 changed files with 61 additions and 142 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,99 +1,51 @@
html,
body {
height: 100%;
--bs-body-bg: #f5f5f5;
--bs-link-color-rgb: 23, 84, 31; /* #17541f */
--bs-link-hover-color-rgb: 15, 56, 20;
}
body {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
background-color: #f5f5f5;
.form-control {
--bs-body-bg: #fff;
}
.btn {
--bs-btn-bg: #17541f;
--bs-btn-border-color: #17541f;
--bs-btn-hover-bg: #0f3614;
--bs-btn-hover-border-color: #0c2c10;
--bs-btn-active-bg: #0c2c10;
--bs-btn-active-border-color: #09220d;
}
.form-signin {
width: 100%;
max-width: 330px;
padding: 15px;
margin: auto;
}
.form-signin .checkbox {
font-weight: 400;
}
.form-signin .form-control {
position: relative;
box-sizing: border-box;
height: auto;
padding: 10px;
font-size: 16px;
}
.form-signin .form-control:focus {
z-index: 2;
}
.form-signin input[type="text"] {
#inputUsername {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
#inputPassword {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@media (prefers-color-scheme: dark) {
/*
From theme_dark.scss
$primary-dark-mode: #45973a;
$danger-dark-mode: #b71631;
$bg-dark-mode: #161618;
$bg-dark-mode-accent: #21262d;
$bg-light-dark-mode: #1c1c1f;
$text-color-dark-mode: #abb2bf;
$border-color-dark-mode: #47494f;
*/
/* From theme_dark.scss */
body {
background-color: #161618 !important;
color: #abb2bf;
--bs-body-bg: #161618;
--bs-body-color: #abb2bf;
--bs-body-color-rgb: 171, 178, 191;
--bs-border-color: #47494f;
}
.form-control, .form-floating {
--bs-body-bg: #1c1c1f;
}
svg.logo .text {
fill: #abb2bf!important;
}
.form-control:not(.is-invalid):not(.btn) {
border-color: #47494f;
}
.form-control:not(.btn) {
background-color: #161618;
color: #abb2bf;
}
.form-control:not(.btn)::placeholder {
color: #abb2bf;
}
.form-control:not(.btn):focus {
background-color: #1c1c1f !important;
color: #8e97a9 !important;
}
.btn-primary {
color: #fff;
background-color: #17541f;
border-color: #17541f;
}
.btn-primary:hover, .btn-primary:focus {
background-color: #0f3614;
border-color: #0c2c10;
}
.btn-primary:not(:disabled):not(.disabled):active {
background-color: #0c2c10;
border-color: #09220d;
fill: #abb2bf !important;
}
}