43 lines
1.4 KiB
SCSS
43 lines
1.4 KiB
SCSS
/* You can add global styles to this file, and also import other style files */
|
|
@use './tailwind.css';
|
|
@use './layout/layout.scss';
|
|
@use 'primeicons/primeicons.css';
|
|
@use './demo/demo.scss';
|
|
|
|
// Include theming for Angular Material with `mat.theme()`.
|
|
// This Sass mixin will define CSS variables that are used for styling Angular Material
|
|
// components according to the Material 3 design spec.
|
|
// Learn more about theming and how to use it for your application's
|
|
// custom components at https://material.angular.dev/guide/theming
|
|
@use '@angular/material' as mat;
|
|
|
|
html {
|
|
@include mat.theme((
|
|
color: (
|
|
primary: mat.$cyan-palette,
|
|
tertiary: mat.$orange-palette,
|
|
),
|
|
typography: Roboto,
|
|
density: 0,
|
|
));
|
|
}
|
|
|
|
body {
|
|
// Default the application to a light color theme. This can be changed to
|
|
// `dark` to enable the dark color theme, or to `light dark` to defer to the
|
|
// user's system settings.
|
|
color-scheme: dark;
|
|
|
|
// Set a default background, font and text colors for the application using
|
|
// Angular Material's system-level CSS variables. Learn more about these
|
|
// variables at https://material.angular.dev/guide/system-variables
|
|
background-color: var(--surface-ground);
|
|
color: var(--text-color);
|
|
|
|
// Reset the user agent margin.
|
|
margin: 0;
|
|
}
|
|
|
|
html, body { height: 100%; }
|
|
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
|