2024-01-16 07:32:07 -08:00

72 lines
1.4 KiB
CSS

body {
--bs-body-bg: #f5f5f5;
--bs-link-color-rgb: 23, 84, 31; /* #17541f */
--bs-link-hover-color-rgb: 15, 56, 20;
--pngx-primary: #17541f;
--pngx-primary-hover: #0f3614;
--pngx-primary-active: #0c2c10;
}
.form-control {
--bs-body-bg: #fff;
}
.btn.btn-primary {
--bs-btn-bg: var(--pngx-primary);
--bs-btn-border-color: var(--pngx-primary);
--bs-btn-hover-bg: var(--pngx-primary-hover);
--bs-btn-hover-border-color: #0c2c10;
--bs-btn-active-bg: var(--pngx-primary-active);
--bs-btn-active-border-color: #09220d;
}
.btn-link {
--bs-btn-color: var(--pngx-primary);
--bs-btn-hover-color: var(--pngx-primary-hover);
--bs-btn-active-color: var(--pngx-primary-active);
}
.form-signin {
max-width: 330px;
}
#inputUsername,
#inputPassword1 {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
#inputUsername:focus {
position: relative;
z-index: 100;
}
#inputUsername:focus~label {
z-index: 101;
}
#inputPassword,
#inputPassword2 {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@media (prefers-color-scheme: dark) {
/* From theme_dark.scss */
body {
--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;
}
}