web: Patternfly 5 Prep: Part 2 (#18085)

* web: Fix missing block modifier. Remove redundant.

* Fix spacing.

* Fix status colors on dark themes.

* Add missing dark theme styles. Fix order of style rules.

* Only show ungrouped label when in high contrast.

* Consistent delete disable color.

* Split Patternfly variables into separate files. Prep for PF5.

* Fix contrast on light mode.

* Fix background base color.

* Fix issues surrounding color layering, overlay states, contrast, etc.

* Flesh out placeholder.

* Flesh out loading state, inspector toggle.

* Build static CSS for proxy. Remove loading entry.

* Fix types.

* some very small style adjustments

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

---------

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
Co-authored-by: Jens Langhammer <jens@goauthentik.io>

web/src/admin/AdminInterface/index.entrypoint.css

@@ -3,7 +3,15 @@
 }
 
 .pf-c-page__main {
+    display: flex;
+    flex-flow: column;
     scrollbar-gutter: stable;
+
+    & > :first-child {
+        display: flex;
+        flex-grow: 1;
+        flex-flow: column;
+    }
 }
 
 .pf-c-page__main,
@@ -21,8 +29,20 @@ ak-page-navbar {
     grid-area: header;
 }
 
-.ak-sidebar {
-    grid-area: nav;
+ak-sidebar::part(about-dialog-trigger) {
+    --pf-c-button--m-plain--hover--Color: var(--pf-c-nav__link--Color);
+}
+
+ak-sidebar-item::part(list-item) {
+}
+
+ak-sidebar-item:active ak-sidebar-item::part(list-item),
+ak-sidebar-item:hover ak-sidebar-item::part(list-item) {
+    --pf-c-nav__link--after--BorderColor: var(--pf-global--BorderColor--200);
+}
+
+ak-sidebar-item:active ak-sidebar-item::part(list-item) {
+    --pf-c-nav__link--active--after--BorderColor: var(--ak-accent);
 }
 
 .pf-c-drawer__panel {