You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.3 KiB
SCSS
44 lines
1.3 KiB
SCSS
@use 'sass:map';
|
|
@use "@angular/material" as mat;
|
|
@use 'src/app/app.component-theme' as app;
|
|
@use 'app/components/shared/file/file-card/file-card.component-theme' as file-card;
|
|
@use 'app/components/shared/sidebar/file-search/file-search.component-theme' as file-search;
|
|
|
|
@include mat.core();
|
|
|
|
$theme: mat.define-dark-theme((
|
|
color: (
|
|
primary: mat.define-palette(mat.$purple-palette, 700, 500, 800),
|
|
accent: mat.define-palette(mat.$green-palette, A200, A100, A400),
|
|
warn: mat.define-palette(mat.$red-palette),
|
|
background: mat.define-palette(mat.$blue-grey-palette)
|
|
),
|
|
typography: mat.define-typography-config(
|
|
$font-family: 'Noto Sans',
|
|
)
|
|
));
|
|
|
|
$color-config: mat.get-color-config($theme);
|
|
$primary-palette: map.get($color-config, 'primary');
|
|
$warn-palette: map.get($color-config, 'warn');
|
|
|
|
::-webkit-scrollbar {
|
|
width: 15px;
|
|
height: 15px;
|
|
background: #272727;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: mat.get-color-from-palette($primary-palette, 'darker');
|
|
border-radius: 1px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: mat.get-color-from-palette($primary-palette);
|
|
}
|
|
|
|
@include mat.all-component-themes($theme);
|
|
@include app.theme($theme);
|
|
@include file-card.theme($theme);
|
|
@include file-search.theme($theme);
|