53 lines
1.5 KiB
SCSS
53 lines
1.5 KiB
SCSS
@use "@angular/material" as mat;
|
|
@use "./theme.scss";
|
|
|
|
@include mat.elevation-classes();
|
|
@include mat.app-background();
|
|
|
|
@mixin custom-colours($theme) {
|
|
.mat-toolbar {
|
|
background-color: mat.get-theme-color($theme, tertiary-container);
|
|
}
|
|
|
|
app-proto-definition-selector,
|
|
app-file-tree {
|
|
background-color: mat.get-theme-color($theme, secondary-container);
|
|
transition: background-color 100ms linear;
|
|
}
|
|
|
|
.droppable {
|
|
background-color: mat.get-theme-color($theme, secondary, 40);
|
|
}
|
|
}
|
|
|
|
html {
|
|
@include mat.elevation-classes();
|
|
@include mat.app-background();
|
|
@include mat.toolbar-theme(theme.$rose-theme);
|
|
@include mat.button-theme(theme.$rose-theme);
|
|
@include mat.tree-theme(theme.$rose-theme);
|
|
@include mat.sidenav-theme(theme.$rose-theme);
|
|
@include mat.icon-theme(theme.$rose-theme);
|
|
@include mat.form-field-theme(theme.$rose-theme);
|
|
@include mat.list-theme(theme.$rose-theme);
|
|
@include mat.select-theme(theme.$rose-theme);
|
|
@include mat.snack-bar-theme(theme.$rose-theme);
|
|
@include mat.button-toggle-theme(theme.$rose-theme);
|
|
@include mat.dialog-theme(theme.$rose-theme);
|
|
@include custom-colours(theme.$rose-theme);
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
font: mat.get-theme-typography(theme.$rose-theme, body-medium, font);
|
|
--mat-tree-node-min-height: 24px;
|
|
--mat-tree-node-text-size: 14px;
|
|
--mdc-icon-button-state-layer-size: 24px;
|
|
--mat-icon-button-touch-target-display: none;
|
|
--mdc-list-list-item-one-line-container-height: 24px;
|
|
}
|