habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: toggle dark/light theme manually (#4876)

Browse Source
This commit is contained in:
Jens L
2023-03-09 23:17:53 +01:00
committed by GitHub
parent e28f897cb1
commit b6b820f6f1
119 changed files with 658 additions and 688 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/user/user-settings/BaseUserSettings.ts
View File

@ -3,7 +3,6 @@ import { AKElement } from "@goauthentik/elements/Base";
import { CSSResult } from "lit";
import { property } from "lit/decorators.js";
import AKGlobal from "@goauthentik/common/styles/authentik.css";
import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFForm from "@patternfly/patternfly/components/Form/form.css";
import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
@ -17,6 +16,6 @@ export abstract class BaseUserSettings extends AKElement {
configureUrl?: string;
static get styles(): CSSResult[] {
return [PFBase, PFButton, PFForm, PFFormControl, AKGlobal];
return [PFBase, PFButton, PFForm, PFFormControl];
}
}

2
web/src/user/user-settings/UserSettingsPage.ts
View File

@ -18,7 +18,6 @@ import { customElement, state } from "lit/decorators.js";
import { ifDefined } from "lit/directives/if-defined.js";
import { until } from "lit/directives/until.js";
import AKGlobal from "@goauthentik/common/styles/authentik.css";
import PFCard from "@patternfly/patternfly/components/Card/card.css";
import PFContent from "@patternfly/patternfly/components/Content/content.css";
import PFDescriptionList from "@patternfly/patternfly/components/DescriptionList/description-list.css";
@ -50,7 +49,6 @@ export class UserSettingsPage extends AKElement {
PFForm,
PFFormControl,
PFStack,
AKGlobal,
css`
@media screen and (min-width: 1200px) {
:host {

3
web/src/user/user-settings/details/UserPassword.ts
View File

@ -9,7 +9,6 @@ import { customElement } from "lit/decorators.js";
import { property } from "lit/decorators.js";
import { ifDefined } from "lit/directives/if-defined.js";
import AKGlobal from "@goauthentik/common/styles/authentik.css";
import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFCard from "@patternfly/patternfly/components/Card/card.css";
import PFForm from "@patternfly/patternfly/components/Form/form.css";
@ -22,7 +21,7 @@ export class UserSettingsPassword extends AKElement {
configureUrl?: string;
static get styles(): CSSResult[] {
return [PFBase, PFCard, PFButton, PFForm, PFFormControl, AKGlobal];
return [PFBase, PFCard, PFButton, PFForm, PFFormControl];
}
render(): TemplateResult {

3
web/src/user/user-settings/details/UserSettingsFlowExecutor.ts
View File

@ -13,7 +13,6 @@ import { CSSResult, TemplateResult, html } from "lit";
import { customElement, property } from "lit/decorators.js";
import { unsafeHTML } from "lit/directives/unsafe-html.js";
import AKGlobal from "@goauthentik/common/styles/authentik.css";
import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFCard from "@patternfly/patternfly/components/Card/card.css";
import PFContent from "@patternfly/patternfly/components/Content/content.css";
@ -56,7 +55,7 @@ export class UserSettingsFlowExecutor extends AKElement implements StageHost {
tenant!: CurrentTenant;
static get styles(): CSSResult[] {
return [PFBase, PFCard, PFPage, PFButton, PFContent, AKGlobal];
return [PFBase, PFCard, PFPage, PFButton, PFContent];
}
constructor() {

8
web/src/user/user-settings/sources/SourceSettings.ts
View File

@ -14,7 +14,6 @@ import { CSSResult, TemplateResult, css, html } from "lit";
import { customElement, property } from "lit/decorators.js";
import { until } from "lit/directives/until.js";
import AKGlobal from "@goauthentik/common/styles/authentik.css";
import PFContent from "@patternfly/patternfly/components/Content/content.css";
import PFDataList from "@patternfly/patternfly/components/DataList/data-list.css";
@ -32,7 +31,6 @@ export class UserSourceSettingsPage extends AKElement {
return [
PFDataList,
PFContent,
AKGlobal,
css`
.pf-c-data-list__cell {
display: flex;
@ -43,10 +41,8 @@ export class UserSourceSettingsPage extends AKElement {
width: 48px;
margin-right: 16px;
}
@media (prefers-color-scheme: dark) {
.pf-c-data-list__cell img {
filter: invert(1);
}
:host([theme="dark"]) .pf-c-data-list__cell img {
filter: invert(1);
}
`,
];