chaster: style login page

This commit is contained in:
NullBite 2023-10-03 21:54:52 -04:00
parent 88ae5337b1
commit 8ec981ea3d
Signed by: nullbite
GPG Key ID: 6C4D545385D4925A

View File

@ -94,11 +94,16 @@
}
// main elements
body {
body,
.login-pf body {
background-color: @base;
color: @text;
}
.main {
color: @text;
}
.light-container {
background-color: @surface0;
}
@ -220,7 +225,8 @@
color: @accent-color;
}
.btn-primary {
.btn-primary,
.pf-c-button.pf-m-primary {
color: @base;
background-color: @accent-color;
border-color: @accent-color;
@ -229,7 +235,9 @@
// TODO
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle
.pf-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:focus {
color: @base;
background-color: darken(@accent-color, 10%);
border-color: darken(@accent-color, 10%);
@ -260,12 +268,14 @@
border-color: @surface1;
}
.form-control, .react-autosuggest__input {
.form-control, .react-autosuggest__input,
.pf-c-form-control, .pf-c-form-control[aria-invalid="true"] {
background-color: @mantle !important;
border: 1px solid @overlay0;
color: @text;
}
.form-control:focus, .react-autosuggest__input:focus {
.form-control:focus, .react-autosuggest__input:focus,
.pf-c-form-control:focus, .pf-c-form-control[aria-invalid="true"]:focus {
background-color: @mantle !important;
color: @text;
}