web: dark mode (#368)

* web: initial dark mode

* web: re-fix sidebar colour in dark mode

* web: fix dark mode for user settings

* web: fix dark mode for flows

* core: match delete template's footer with generic form

* admin: show app icon in app list

web/src/elements/cards/AggregateCard.ts

@@ -16,9 +16,13 @@ export class AggregateCard extends LitElement {
 
     static get styles(): CSSResult[] {
         return COMMON_STYLES.concat([css`
+            .pf-c-card.pf-c-card-aggregate {
+                height: 100%;
+            }
             .center-value {
                 font-size: var(--pf-global--icon--FontSize--lg);
                 text-align: center;
+                color: var(--pf-global--Color--100);
             }
         `]);
     }

web/src/elements/sidebar/Sidebar.ts

@@ -5,6 +5,8 @@ import PageStyle from "@patternfly/patternfly/components/Page/page.css";
 import NavStyle from "@patternfly/patternfly/components/Nav/nav.css";
 // @ts-ignore
 import GlobalsStyle from "@patternfly/patternfly/base/patternfly-globals.css";
+// @ts-ignore
+import AKGlobal from "../../authentik.css";
 
 import { until } from "lit-html/directives/until";
 
@@ -31,6 +33,7 @@ export class Sidebar extends LitElement {
             GlobalsStyle,
             PageStyle,
             NavStyle,
+            AKGlobal,
             css`
                 .pf-c-nav__list .sidebar-brand {
                     max-height: 82px;