nullbite/catppuccin-userstyles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chaster: style login page

Browse Source
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
1 changed files with 15 additions and 5 deletions

20
styles/chaster/catppuccin.user.css

@ -94,11 +94,16 @@
} }
// main elements // main elements
body { body,
.login-pf body {
background-color: @base; background-color: @base;
color: @text; color: @text;
} }
.main {
color: @text;
}
.light-container { .light-container {
background-color: @surface0; background-color: @surface0;
} }
@ -220,7 +225,8 @@
color: @accent-color; color: @accent-color;
} }
.btn-primary { .btn-primary,
.pf-c-button.pf-m-primary {
color: @base; color: @base;
background-color: @accent-color; background-color: @accent-color;
border-color: @accent-color; border-color: @accent-color;
@ -229,7 +235,9 @@
// TODO // TODO
.btn-primary:hover, .btn-primary:hover,
.btn-primary:focus, .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; color: @base;
background-color: darken(@accent-color, 10%); background-color: darken(@accent-color, 10%);
border-color: darken(@accent-color, 10%); border-color: darken(@accent-color, 10%);
@ -260,12 +268,14 @@
border-color: @surface1; 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; background-color: @mantle !important;
border: 1px solid @overlay0; border: 1px solid @overlay0;
color: @text; 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; background-color: @mantle !important;
color: @text; color: @text;
} }