From 8ec981ea3d52d13f396207384fd5fae3a74ea0cc Mon Sep 17 00:00:00 2001
From: NullBite <me@nullbite.com>
Date: Tue, 3 Oct 2023 21:54:52 -0400
Subject: [PATCH] chaster: style login page

---
 styles/chaster/catppuccin.user.css | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/styles/chaster/catppuccin.user.css b/styles/chaster/catppuccin.user.css
index ae9aeb5..98dbb02 100644
--- a/styles/chaster/catppuccin.user.css
+++ b/styles/chaster/catppuccin.user.css
@@ -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;
     }