@use '@angular/material' as mat;

/* You can add global styles to this file, and also import other style files */ html, body { height: 100%; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }

// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles. // The following line adds: // 1. Default typography styles for all components // 2. Styles for typography hierarchy classes (e.g. .mat-headline-1) // If you specify typography styles for the components you use elsewhere, you should delete this line. // If you don't need the default component typographies but still want the hierarchy styles, // you can delete this line and instead use: // `@include mat.legacy-typography-hierarchy(mat.define-typography-config());` @include mat.all-component-typographies();

@include mat.core(); $workspace-primary: mat.define-palette(mat.$green-palette); $workspace-accent: mat.define-palette(mat.$purple-palette, A200, A100, A400); $workspace-warn: mat.define-palette(mat.$red-palette);

$workspace-theme: mat.define-light-theme(mat.define-light-theme(( color: ( primary: $workspace-primary, accent: $workspace-accent, warn: $workspace-warn, ), typography: mat.define-typography-config(), density: 0, )));

@include mat.core-theme($workspace-theme); @include mat.divider-theme($workspace-theme); @include mat.card-theme($workspace-theme);

@include mat.toolbar-theme(mat.define-light-theme(( color: ( primary: mat.define-palette(mat.$blue-grey-palette, 700), accent: mat.define-palette(mat.$blue-grey-palette, 200), warn: mat.define-palette(mat.$green-palette), ), typography: mat.define-typography-config(), density: 0, ))); @include mat.button-theme(mat.define-light-theme(( color: ( primary: mat.define-palette(mat.$orange-palette, 900), accent: mat.define-palette(mat.$indigo-palette, 500), warn: mat.define-palette(mat.$red-palette, 500) ), typography: mat.define-typography-config(), density: 0, ))); @include mat.fab-theme(mat.define-light-theme(( color: ( primary: mat.define-palette(mat.$orange-palette, 900), accent: mat.define-palette(mat.$indigo-palette, 500), warn: mat.define-palette(mat.$red-palette, 500) ), typography: mat.define-typography-config(), density: 0, ))); @include mat.icon-theme(mat.define-light-theme(( color: ( primary: mat.define-palette(mat.$orange-palette, 900), accent: mat.define-palette(mat.$indigo-palette, 500), warn: mat.define-palette(mat.$red-palette, 500) ), typography: mat.define-typography-config(), density: 0, )));

.p3x-ng-compile-template-intent:before { } .p3x-ng-compile-template-intent {

color: mat.get-color-from-palette(mat.$grey-palette, 500);

padding: 8px; font-size: 18px; font-weight: bold; display: inline-block; } .p3x-ng-compile-template { font-size: 18px; font-weight: bold; display: inline-block; }

a.mat-mdc-button {

//padding: 0;

}