mirror of https://github.com/ghostfolio/ghostfolio
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
195 lines
3.6 KiB
195 lines
3.6 KiB
@use '@angular/material' as mat;
|
|
@use 'sass:map';
|
|
|
|
$dark-primary-text: rgba(black, 0.87);
|
|
$light-primary-text: white;
|
|
|
|
$_palettes: (
|
|
primary: (
|
|
0: #000000,
|
|
10: #00201f,
|
|
20: #003736,
|
|
25: #004342,
|
|
30: #00504e,
|
|
35: #005d5b,
|
|
40: #006a68,
|
|
50: #008583,
|
|
60: #00a19f,
|
|
70: #11bebc,
|
|
80: #47dbd7,
|
|
90: #6bf7f4,
|
|
95: #affffc,
|
|
98: #e3fffd,
|
|
99: #f2fffe,
|
|
100: #ffffff
|
|
),
|
|
secondary: (
|
|
0: #000000,
|
|
10: #001d36,
|
|
20: #003258,
|
|
25: #003d6a,
|
|
30: #00497c,
|
|
35: #00558f,
|
|
40: #0061a3,
|
|
50: #267bc3,
|
|
60: #4895df,
|
|
70: #66b0fb,
|
|
80: #9ecaff,
|
|
90: #d1e4ff,
|
|
95: #e9f1ff,
|
|
98: #f8f9ff,
|
|
99: #fdfcff,
|
|
100: #ffffff
|
|
),
|
|
tertiary: (
|
|
0: #000000,
|
|
10: #031d35,
|
|
20: #1b324b,
|
|
25: #273d57,
|
|
30: #324863,
|
|
35: #3e546f,
|
|
40: #4a607b,
|
|
50: #637995,
|
|
60: #7c92b0,
|
|
70: #97adcc,
|
|
80: #b2c8e8,
|
|
90: #d2e4ff,
|
|
95: #eaf1ff,
|
|
98: #f8f9ff,
|
|
99: #fdfcff,
|
|
100: #ffffff
|
|
),
|
|
neutral: (
|
|
0: #000000,
|
|
10: #191c1c,
|
|
20: #2d3131,
|
|
25: #383c3c,
|
|
30: #444747,
|
|
35: #4f5353,
|
|
40: #5b5f5e,
|
|
50: #747877,
|
|
60: #8e9191,
|
|
70: #a9acab,
|
|
80: #c4c7c6,
|
|
90: #e0e3e2,
|
|
95: #eff1f0,
|
|
98: #f7faf9,
|
|
99: #fafdfc,
|
|
100: #ffffff,
|
|
4: #0b0f0f,
|
|
6: #101414,
|
|
12: #1d2020,
|
|
17: #272b2a,
|
|
22: #323535,
|
|
24: #363a39,
|
|
87: #d8dada,
|
|
92: #e6e9e8,
|
|
94: #eceeed,
|
|
96: #f2f4f3
|
|
),
|
|
neutral-variant: (
|
|
0: #000000,
|
|
10: #141d1d,
|
|
20: #293232,
|
|
25: #343d3d,
|
|
30: #3f4948,
|
|
35: #4a5454,
|
|
40: #566060,
|
|
50: #6f7978,
|
|
60: #889392,
|
|
70: #a3adac,
|
|
80: #bec9c7,
|
|
90: #dae5e3,
|
|
95: #e8f3f2,
|
|
98: #f1fbfa,
|
|
99: #f4fefd,
|
|
100: #ffffff
|
|
),
|
|
error: (
|
|
0: #000000,
|
|
10: #410002,
|
|
20: #690005,
|
|
25: #7e0007,
|
|
30: #93000a,
|
|
35: #a80710,
|
|
40: #ba1a1a,
|
|
50: #de3730,
|
|
60: #ff5449,
|
|
70: #ff897d,
|
|
80: #ffb4ab,
|
|
90: #ffdad6,
|
|
95: #ffedea,
|
|
98: #fff8f7,
|
|
99: #fffbff,
|
|
100: #ffffff
|
|
)
|
|
);
|
|
|
|
$_rest: (
|
|
secondary: map.get($_palettes, secondary),
|
|
neutral: map.get($_palettes, neutral),
|
|
neutral-variant: map.get($_palettes, neutral-variant),
|
|
error: map.get($_palettes, error)
|
|
);
|
|
$_primary: map.merge(map.get($_palettes, primary), $_rest);
|
|
$_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
|
|
|
|
@include mat.app-background();
|
|
@include mat.button-density(0);
|
|
@include mat.elevation-classes();
|
|
@include mat.table-density(-1);
|
|
|
|
// $gf-typography: mat.m2-define-typography-config();
|
|
|
|
.theme-light {
|
|
$gf-theme-default: mat.define-theme(
|
|
(
|
|
color: (
|
|
primary: $_primary,
|
|
theme-type: light,
|
|
tertiary: $_tertiary
|
|
),
|
|
density: (
|
|
scale: -3
|
|
),
|
|
// typography: $gf-typography
|
|
)
|
|
);
|
|
|
|
@include mat.all-component-themes($gf-theme-default);
|
|
|
|
--mdc-outlined-card-container-color: unset;
|
|
}
|
|
|
|
.theme-dark {
|
|
$gf-theme-dark: mat.define-theme(
|
|
(
|
|
color: (
|
|
primary: $_primary,
|
|
theme-type: dark,
|
|
tertiary: $_tertiary
|
|
),
|
|
density: (
|
|
scale: -3
|
|
),
|
|
// typography: $gf-typography
|
|
)
|
|
);
|
|
|
|
@include mat.all-component-themes($gf-theme-dark);
|
|
|
|
--mdc-outlined-card-container-color: unset;
|
|
}
|
|
|
|
:root {
|
|
--gf-theme-alpha-hover: 0.04;
|
|
--gf-theme-primary-500: #36cfcc;
|
|
--gf-theme-primary-500-rgb: 0, 187, 255;
|
|
--gf-theme-secondary-500: #3686cf;
|
|
--gf-theme-secondary-500-rgb: 78, 208, 94;
|
|
|
|
--mat-dialog-container-small-max-width: 96vw;
|
|
--mat-button-filled-label-text-tracking: normal;
|
|
--mat-button-outlined-label-text-tracking: normal;
|
|
--mat-button-text-label-text-tracking: normal;
|
|
}
|
|
|