web/user: fix user settings colours on dark theme (#6499)

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
Jens L 2023-08-08 00:58:57 +02:00 committed by GitHub
parent 23ce63fb2e
commit 8356f83738
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 0 deletions

View File

@ -38,6 +38,9 @@ export class Tabs extends AKElement {
:host([vertical]) .pf-c-tabs__list {
height: 100%;
}
:host([vertical]) .pf-c-tabs .pf-c-tabs__list::before {
border-color: transparent;
}
`,
];
}

View File

@ -49,6 +49,18 @@ export class UserSettingsPage extends AKElement {
PFFormControl,
PFStack,
css`
.pf-c-page {
--pf-c-page--BackgroundColor: transparent;
}
.pf-c-page__main-section {
--pf-c-page__main-section--BackgroundColor: transparent;
}
:host([theme="dark"]) .pf-c-page {
--pf-c-page--BackgroundColor: transparent;
}
:host([theme="dark"]) .pf-c-page__main-section {
--pf-c-page__main-section--BackgroundColor: transparent;
}
@media screen and (min-width: 1200px) {
:host {
width: 90rem;