web: fix dark mode for admin overview page

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2021-03-17 18:38:39 +01:00
parent 91e1ded3bf
commit 5f0192ee48
4 changed files with 8 additions and 4 deletions

View file

@ -11,6 +11,7 @@ import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFStack from "@patternfly/patternfly/layouts/Stack/stack.css";
import PFCard from "@patternfly/patternfly/components/Card/card.css";
import PFContent from "@patternfly/patternfly/components/Content/content.css";
import AKGlobal from "../../authentik.css"
import { convertToSlug } from "../../utils";
import { SpinnerButton } from "./SpinnerButton";
@ -29,7 +30,7 @@ export class ModalButton extends LitElement {
modal = "<slot name='modal'></slot>";
static get styles(): CSSResult[] {
return [PFBase, PFButton, PFModalBox, PFForm, PFFormControl, PFBullseye, PFBackdrop, PFPage, PFStack, PFCard, PFContent].concat(
return [PFBase, PFButton, PFModalBox, PFForm, PFFormControl, PFBullseye, PFBackdrop, PFPage, PFStack, PFCard, PFContent, AKGlobal].concat(
css`
:host {
text-align: left;

View file

@ -4,6 +4,7 @@ import { ifDefined } from "lit-html/directives/if-defined";
import PFBase from "@patternfly/patternfly/patternfly-base.css";
import PFCard from "@patternfly/patternfly/components/Card/card.css";
import PFFlex from "@patternfly/patternfly/layouts/Flex/flex.css";
import AKGlobal from "../../authentik.css"
@customElement("ak-aggregate-card")
export class AggregateCard extends LitElement {
@ -17,7 +18,7 @@ export class AggregateCard extends LitElement {
headerLink?: string;
static get styles(): CSSResult[] {
return [PFBase, PFCard, PFFlex].concat([css`
return [PFBase, PFCard, PFFlex, AKGlobal].concat([css`
.pf-c-card.pf-c-card-aggregate {
height: 100%;
}

View file

@ -16,12 +16,13 @@ import "./cards/WorkerStatusCard";
import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFContent from "@patternfly/patternfly/components/Content/content.css";
import PFGallery from "@patternfly/patternfly/layouts/Gallery/gallery.css";
import AKGlobal from "../../authentik.css"
@customElement("ak-admin-overview")
export class AdminOverviewPage extends LitElement {
static get styles(): CSSResult[] {
return [PFGallery, PFPage, PFContent];
return [PFGallery, PFPage, PFContent, AKGlobal];
}
render(): TemplateResult {

View file

@ -2,6 +2,7 @@ import { gettext } from "django";
import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
import { EventsApi, EventTopPerUser } from "authentik-api";
import PFTable from "@patternfly/patternfly/components/Table/table.css";
import AKGlobal from "../../authentik.css"
import "../../elements/Spinner";
import { DEFAULT_CONFIG } from "../../api/Config";
@ -13,7 +14,7 @@ export class TopApplicationsTable extends LitElement {
topN?: EventTopPerUser[];
static get styles(): CSSResult[] {
return [PFTable];
return [PFTable, AKGlobal];
}
firstUpdated(): void {