55 lines
1.1 KiB
SCSS
55 lines
1.1 KiB
SCSS
|
@use '@angular/material' as mat;
|
||
|
|
@include mat.core();
|
||
|
|
|
||
|
|
// hue. Available color palettes: https://material.io/design/color/
|
||
|
|
$LegioXXX-primary: mat.define-palette(mat.$red-palette, 900);
|
||
|
|
$LegioXXX-accent: mat.define-palette(mat.$indigo-palette, 900);
|
||
|
|
$LegioXXX-warn: mat.define-palette(mat.$orange-palette, 500);
|
||
|
|
$LegioXXX-theme: mat.define-dark-theme((
|
||
|
|
color: (
|
||
|
|
primary: $LegioXXX-primary,
|
||
|
|
accent: $LegioXXX-accent,
|
||
|
|
warn: $LegioXXX-warn,
|
||
|
|
)
|
||
|
|
));
|
||
|
|
|
||
|
|
@include mat.all-component-themes($LegioXXX-theme);
|
||
|
|
|
||
|
|
@import '~bootstrap/dist/css/bootstrap-utilities.min.css';
|
||
|
|
|
||
|
|
::-webkit-scrollbar-track {
|
||
|
|
background: rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar {
|
||
|
|
width: 10px;
|
||
|
|
background: rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-thumb {
|
||
|
|
background: rgba(255, 255, 255, 0.6);
|
||
|
|
&:hover { background: rgba(255, 255, 255, 0.8); }
|
||
|
|
}
|
||
|
|
|
||
|
|
html, body {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
background: #000;
|
||
|
|
color: #fff;
|
||
|
|
font-family: Roboto, sans-serif;
|
||
|
|
margin: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
a, a:visited {
|
||
|
|
text-decoration: none;
|
||
|
|
color: rgba(255, 255, 255, 0.6);
|
||
|
|
}
|
||
|
|
a:hover, a:visited:hover { color: #b10000; }
|
||
|
|
|
||
|
|
.fill {
|
||
|
|
height: 0;
|
||
|
|
min-height: calc(100vh - 64px);
|
||
|
|
}
|