52 lines
1.8 KiB
SCSS
52 lines
1.8 KiB
SCSS
// Custom Theming for Angular Material
|
|
@use "@angular/material" as mat;
|
|
// For more information: https://material.angular.io/guide/theming
|
|
// Plus imports for other components in your app.
|
|
|
|
// Include the common styles for Angular Material. We include this here so that you only
|
|
// have to load a single css file for Angular Material in your app.
|
|
// Be sure that you only ever include this mixin once!
|
|
@include mat.core();
|
|
|
|
// // Define the palettes for your theme using the Material Design palettes available in palette.scss
|
|
// // (imported above). For each palette, you can optionally specify a default, lighter, and darker
|
|
// // hue. Available color palettes: https://material.io/design/color/
|
|
// $public-gateway-cacher-primary: mat-palette($mat-indigo);
|
|
// $public-gateway-cacher-accent: mat-palette($mat-pink, A200, A100, A400);
|
|
|
|
// // The warn palette is optional (defaults to red).
|
|
// $public-gateway-cacher-warn: mat-palette($mat-red);
|
|
|
|
// // Create the theme object (a Sass map containing all of the palettes).
|
|
// $public-gateway-cacher-theme: mat-light-theme($public-gateway-cacher-primary, $public-gateway-cacher-accent, $public-gateway-cacher-warn);
|
|
|
|
// // Include theme styles for core and each component used in your app.
|
|
// // Alternatively, you can import and @include the theme mixins for each component
|
|
// // that you are using.
|
|
// @include angular-material-theme($public-gateway-cacher-theme);
|
|
|
|
@import "styles/ipfs-themes.scss";
|
|
|
|
.theme-light {
|
|
@include mat.all-component-themes($ipfs-light-theme);
|
|
}
|
|
|
|
.theme-dark {
|
|
@include mat.all-component-themes($ipfs-dark-theme);
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
@import "~bootstrap/scss/bootstrap-grid.scss";
|
|
@import "~ipfs-css/theme.scss";
|