diff --git a/web/src/common/styles.ts b/web/src/common/styles.ts index 0480da4a6..2fdbd8c29 100644 --- a/web/src/common/styles.ts +++ b/web/src/common/styles.ts @@ -1,16 +1,11 @@ import { css, CSSResult } from "lit-element"; -// @ts-ignore import PF from "@patternfly/patternfly/patternfly.css"; -// @ts-ignore import PFAddons from "@patternfly/patternfly/patternfly-addons.css"; -// @ts-ignore import FA from "@fortawesome/fontawesome-free/css/fontawesome.css"; -// @ts-ignore import AKGlobal from "../authentik.css"; -// @ts-ignore import CodeMirrorStyle from "codemirror/lib/codemirror.css"; -// @ts-ignore import CodeMirrorTheme from "codemirror/theme/monokai.css"; + export const ColorStyles = css` .pf-m-success { color: var(--pf-global--success-color--100); diff --git a/web/src/elements/EmptyState.ts b/web/src/elements/EmptyState.ts index 2427221ee..6b07cad37 100644 --- a/web/src/elements/EmptyState.ts +++ b/web/src/elements/EmptyState.ts @@ -1,5 +1,7 @@ import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element"; -import { COMMON_STYLES } from "../common/styles"; +import PFEmptyState from "@patternfly/patternfly/components/EmptyState/empty-state.css" +import PFBase from "@patternfly/patternfly/patternfly-base.css" +import FA from "@fortawesome/fontawesome-free/css/fontawesome.css"; @customElement("ak-empty-state") export class EmptyState extends LitElement { @@ -11,13 +13,13 @@ export class EmptyState extends LitElement { header?: string; static get styles(): CSSResult[] { - return COMMON_STYLES; + return [PFEmptyState, PFBase, FA]; } render(): TemplateResult { return html`
- +

${this.header}

diff --git a/web/src/global.d.ts b/web/src/global.d.ts new file mode 100644 index 000000000..cbe652dbe --- /dev/null +++ b/web/src/global.d.ts @@ -0,0 +1 @@ +declare module "*.css";