MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Removes gray hue from text on buttons

This commit is contained in:
apapachristou 2019-11-04 18:21:07 +02:00
parent 8adfc1d46d
commit f1df43ca4a
1 changed files with 111 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
dmp-frontend/src/assets/scss/blue-theme.scss
View File

@ -1,5 +1,5 @@
@import 'app/ui/misc/navigation/navigation.component.scss';
@import '~@angular/material/theming'; // @import '../../../node_modules/@angular/material/theming';
@import "app/ui/misc/navigation/navigation.component.scss";
@import "~@angular/material/theming"; // @import '../../../node_modules/@angular/material/theming';
$app-blue-theme-primary-palette: (
50: #e2eef1,
@ -17,67 +17,53 @@ $app-blue-theme-primary-palette: (
A400: #25c0ff,
A700: #0bb9ff,
contrast: (
50: $black-87-opacity,
100: $black-87-opacity,
200: $black-87-opacity,
300: white,
400: white,
500: $white-87-opacity,
600: $white-87-opacity,
700: $white-87-opacity,
800: $white-87-opacity,
900: $white-87-opacity,
A100: $black-87-opacity,
A200: white,
A400: white,
A700: $white-87-opacity,
),
50: #000000,
100: #000000,
200: #000000,
300: #000000,
400: #ffffff,
500: #ffffff,
600: #ffffff,
700: #ffffff,
800: #ffffff,
900: #ffffff,
A100: #000000,
A200: #000000,
A400: #ffffff,
A700: #ffffff
)
);
$app-blue-theme-accent-palette: (
50 : #e0f6f3,
100 : #b3e8e2,
200 : #80d9cf,
300 : #4dc9bc,
400 : #26bead,
500 : #00b29f,
600 : #00ab97,
700 : #00a28d,
800 : #009983,
900 : #008a72,
A100 : #b6fff0,
A200 : #83ffe6,
A400 : #50ffdc,
A700 : #36ffd7,
// 50: #fce4ec,
// 100: #f8bbd0,
// 200: #f48fb1,
// 300: #f06292,
// 400: #ec407a,
// 500: #e91e63,
// 600: #d81b60,
// 700: #c2185b,
// 800: #ad1457,
// 900: #880e4f,
// A100: #ff80ab,
// A200: #ff4081,
// A400: #f50057,
// A700: #c51162,
50: #e0f6f3,
100: #b3e8e2,
200: #80d9cf,
300: #4dc9bc,
400: #26bead,
500: #00b29f,
600: #00ab97,
700: #00a28d,
800: #009983,
900: #008a72,
A100: #b6fff0,
A200: #83ffe6,
A400: #50ffdc,
A700: #36ffd7,
contrast: (
50: $black-87-opacity,
100: $black-87-opacity,
200: $black-87-opacity,
300: $black-87-opacity,
400: $black-87-opacity,
500: white,
600: white,
700: $white-87-opacity,
800: $white-87-opacity,
900: $white-87-opacity,
A100: $black-87-opacity,
A200: white,
A400: white,
A700: white,
50: #000000,
100: #000000,
200: #000000,
300: #000000,
400: #000000,
500: #ffffff,
600: #ffffff,
700: #000000,
800: #000000,
900: #000000,
A100: #000000,
A200: #ffffff,
A400: #ffffff,
A700: #ffffff
)
);
@ -99,7 +85,7 @@ $app-blue-theme-background: (
selected-disabled-button: map_get($mat-grey, 400),
disabled-button-toggle: map_get($mat-grey, 200),
unselected-chip: map_get($mat-grey, 300),
disabled-list-option: map_get($mat-grey, 200),
disabled-list-option: map_get($mat-grey, 200)
);
$app-blue-theme-foreground: (
@ -116,7 +102,7 @@ $app-blue-theme-foreground: (
text: rgba(black, 0.87),
slider-min: rgba(black, 0.87),
slider-off: rgba(black, 0.26),
slider-off-active: rgba(black, 0.38),
slider-off-active: rgba(black, 0.38)
);
$custom-theme: (
@ -125,11 +111,11 @@ $custom-theme: (
warn: $app-blue-theme-warn,
is-dark: false,
foreground: $app-blue-theme-foreground,
background: $app-blue-theme-background,
background: $app-blue-theme-background
);
$custom-typography: mat-typography-config(
$font-family: 'Lato, regular',
$font-family: "Lato, regular",
$headline: mat-typography-level(32px, 48px, 700),
$body-1: mat-typography-level(16px, 24px, 500)
);
@ -152,5 +138,4 @@ $custom-typography: mat-typography-config(
// Override the typography in the core CSS.
@include mat-core($custom-typography);
}