feat: Refactor theming in app components to use dynamic CSS variables
This commit is contained in:
@ -40,8 +40,6 @@ export class DeesAppuiBase extends DeesElement {
|
||||
@property({ type: Boolean })
|
||||
public appbarShowWindowControls: boolean = true;
|
||||
|
||||
@property({ type: String })
|
||||
public appbarTheme: 'light' | 'dark' = 'dark';
|
||||
|
||||
@property({ type: Object })
|
||||
public appbarUser?: {
|
||||
@ -94,7 +92,7 @@ export class DeesAppuiBase extends DeesElement {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: var(--dees-color-appui-background, #1a1a1a);
|
||||
background: ${cssManager.bdTheme('#f0f0f0', '#1a1a1a')};
|
||||
}
|
||||
.maingrid {
|
||||
position: absolute;
|
||||
@ -116,7 +114,6 @@ export class DeesAppuiBase extends DeesElement {
|
||||
.breadcrumbs=${this.appbarBreadcrumbs}
|
||||
.breadcrumbSeparator=${this.appbarBreadcrumbSeparator}
|
||||
.showWindowControls=${this.appbarShowWindowControls}
|
||||
.theme=${this.appbarTheme}
|
||||
.user=${this.appbarUser}
|
||||
.showSearch=${this.appbarShowSearch}
|
||||
@menu-select=${(e: CustomEvent) => this.handleAppbarMenuSelect(e)}
|
||||
|
Reference in New Issue
Block a user