@igo2/core 16.0.0-rc.8 → 16.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core-theme.scss +5 -5
- package/esm2022/lib/activity/index.mjs +1 -1
- package/esm2022/lib/analytics/index.mjs +1 -1
- package/esm2022/lib/analytics/shared/analytics.interface.mjs +1 -1
- package/esm2022/lib/analytics/shared/index.mjs +1 -1
- package/esm2022/lib/compression/compressedData.interface.mjs +1 -1
- package/esm2022/lib/compression/index.mjs +1 -1
- package/esm2022/lib/config/index.mjs +1 -1
- package/esm2022/lib/config/version.mjs +3 -3
- package/esm2022/lib/gesture/gesture.provider.mjs +1 -1
- package/esm2022/lib/language/index.mjs +1 -1
- package/esm2022/lib/language/shared/index.mjs +1 -1
- package/esm2022/lib/language/shared/language.interface.mjs +1 -1
- package/esm2022/lib/language/shared/missing-translation.guard.mjs +2 -2
- package/esm2022/lib/media/index.mjs +1 -1
- package/esm2022/lib/media/media.enum.mjs +1 -1
- package/esm2022/lib/message/index.mjs +1 -1
- package/esm2022/lib/message/shared/message.enum.mjs +1 -1
- package/esm2022/lib/network/index.mjs +1 -1
- package/esm2022/lib/network/network.interfaces.mjs +1 -1
- package/esm2022/lib/regex/index.mjs +1 -1
- package/esm2022/lib/regex/regex.interface.mjs +1 -1
- package/esm2022/lib/request/index.mjs +1 -1
- package/esm2022/lib/route/route.interface.mjs +1 -1
- package/esm2022/lib/storage/index.mjs +1 -1
- package/esm2022/lib/storage/storage.interface.mjs +1 -1
- package/fesm2022/igo2-core.mjs +3 -3
- package/fesm2022/igo2-core.mjs.map +1 -1
- package/lib/message/message.theming.scss +26 -26
- package/locale/en.core.json +28 -28
- package/locale/fr.core.json +28 -28
- package/package.json +2 -2
- package/packages.import.scss +4 -4
- package/style/all-style.scss +3 -3
- package/style/layout.scss +163 -163
- package/style/partial/core-utils.scss +5 -5
- package/style/partial/core.variables.scss +5 -5
- package/style/partial/media.scss +80 -80
- package/style/style.scss +19 -19
- package/theming/all-theme.scss +14 -14
- package/theming/material-theme-override.scss +39 -39
- package/theming/prebuilt-themes/blue-theme.scss +34 -34
- package/theming/prebuilt-themes/bluedark-theme.scss +67 -67
- package/theming/prebuilt-themes/bluedq-theme.scss +66 -66
- package/theming/prebuilt-themes/bluegrey-theme.scss +25 -25
- package/theming/prebuilt-themes/dark-theme.scss +25 -25
- package/theming/prebuilt-themes/deeppurple-theme.scss +25 -25
- package/theming/prebuilt-themes/indigo-theme.scss +25 -25
- package/theming/prebuilt-themes/orange-theme.scss +25 -25
- package/theming/prebuilt-themes/qcca/_index.scss +2 -2
- package/theming/prebuilt-themes/qcca/base/_index.scss +4 -4
- package/theming/prebuilt-themes/qcca/base/breakpoints.scss +57 -57
- package/theming/prebuilt-themes/qcca/base/colors.scss +40 -40
- package/theming/prebuilt-themes/qcca/base/palette.scss +50 -50
- package/theming/prebuilt-themes/qcca/base/typography/_index.scss +2 -2
- package/theming/prebuilt-themes/qcca/base/typography/typography.scss +138 -138
- package/theming/prebuilt-themes/qcca/base/typography/typography.utils.scss +18 -18
- package/theming/prebuilt-themes/qcca/components/_index.theme.scss +5 -5
- package/theming/prebuilt-themes/qcca/components/button.scss +24 -24
- package/theming/prebuilt-themes/qcca/components/dialog.scss +36 -36
- package/theming/prebuilt-themes/qcca/components/form-field.scss +5 -5
- package/theming/prebuilt-themes/qcca/components/input.scss +6 -6
- package/theming/prebuilt-themes/qcca/components/list.scss +24 -24
- package/theming/prebuilt-themes/qcca/components/panel.scss +8 -8
- package/theming/prebuilt-themes/qcca/components/search-bar.scss +41 -41
- package/theming/prebuilt-themes/qcca/components/search-bar.theme.scss +29 -29
- package/theming/prebuilt-themes/qcca-theme.scss +47 -47
- package/theming/prebuilt-themes/teal-theme.scss +25 -25
- package/theming/utils/_foreground.scss +22 -22
package/style/style.scss
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
@import 'ngx-toastr/toastr';
|
|
2
|
-
|
|
3
|
-
button.mat-mdc-menu-item {
|
|
4
|
-
line-height: 24px !important;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
a.mat-mdc-menu-item > mat-icon {
|
|
8
|
-
margin-bottom: 14px;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
button.mat-mdc-icon-button.mat-mdc-button-base[disabled='true'] {
|
|
12
|
-
color: rgba(0, 0, 0, 0.26);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.mat-mdc-menu-content {
|
|
16
|
-
mat-list {
|
|
17
|
-
padding: 0;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
1
|
+
@import 'ngx-toastr/toastr';
|
|
2
|
+
|
|
3
|
+
button.mat-mdc-menu-item {
|
|
4
|
+
line-height: 24px !important;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
a.mat-mdc-menu-item > mat-icon {
|
|
8
|
+
margin-bottom: 14px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
button.mat-mdc-icon-button.mat-mdc-button-base[disabled='true'] {
|
|
12
|
+
color: rgba(0, 0, 0, 0.26);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.mat-mdc-menu-content {
|
|
16
|
+
mat-list {
|
|
17
|
+
padding: 0;
|
|
18
|
+
}
|
|
19
|
+
}
|
package/theming/all-theme.scss
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
|
|
3
|
-
@use '../packages.import' as igo;
|
|
4
|
-
@use './material-theme-override';
|
|
5
|
-
@use './typography' as typo;
|
|
6
|
-
|
|
7
|
-
@mixin all-component-themes($config) {
|
|
8
|
-
@include material-theme-override.material-override($config);
|
|
9
|
-
|
|
10
|
-
@include igo.core-component-themes($config);
|
|
11
|
-
@include igo.common-component-themes($config);
|
|
12
|
-
@include igo.context-component-themes($config);
|
|
13
|
-
@include igo.geo-component-themes($config);
|
|
14
|
-
}
|
|
1
|
+
@use '@angular/material' as mat;
|
|
2
|
+
|
|
3
|
+
@use '../packages.import' as igo;
|
|
4
|
+
@use './material-theme-override';
|
|
5
|
+
@use './typography' as typo;
|
|
6
|
+
|
|
7
|
+
@mixin all-component-themes($config) {
|
|
8
|
+
@include material-theme-override.material-override($config);
|
|
9
|
+
|
|
10
|
+
@include igo.core-component-themes($config);
|
|
11
|
+
@include igo.common-component-themes($config);
|
|
12
|
+
@include igo.context-component-themes($config);
|
|
13
|
+
@include igo.geo-component-themes($config);
|
|
14
|
+
}
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
|
|
4
|
-
@mixin material-override($theme) {
|
|
5
|
-
@include mat-button-toggle($theme);
|
|
6
|
-
@include mat-tab-group($theme);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@mixin mat-tab-group($theme) {
|
|
10
|
-
mat-tab-group,
|
|
11
|
-
mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper {
|
|
12
|
-
height: 100%;
|
|
13
|
-
overflow: hidden;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@mixin mat-button-toggle($theme) {
|
|
18
|
-
$accent: map.get($theme, accent);
|
|
19
|
-
$dark: mat.define-palette(mat.$grey-palette, 800, 700, 900);
|
|
20
|
-
$density: mat.get-density-config($theme);
|
|
21
|
-
|
|
22
|
-
$theme: map.merge(
|
|
23
|
-
$theme,
|
|
24
|
-
(
|
|
25
|
-
density: $density - 3
|
|
26
|
-
)
|
|
27
|
-
);
|
|
28
|
-
|
|
29
|
-
@include mat.button-toggle-density($theme);
|
|
30
|
-
|
|
31
|
-
mat-button-toggle {
|
|
32
|
-
color: black !important;
|
|
33
|
-
|
|
34
|
-
&.mat-button-toggle-checked {
|
|
35
|
-
background-color: mat.get-color-from-palette($accent);
|
|
36
|
-
color: mat.get-color-from-palette($dark);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '@angular/material' as mat;
|
|
3
|
+
|
|
4
|
+
@mixin material-override($theme) {
|
|
5
|
+
@include mat-button-toggle($theme);
|
|
6
|
+
@include mat-tab-group($theme);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@mixin mat-tab-group($theme) {
|
|
10
|
+
mat-tab-group,
|
|
11
|
+
mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper {
|
|
12
|
+
height: 100%;
|
|
13
|
+
overflow: hidden;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@mixin mat-button-toggle($theme) {
|
|
18
|
+
$accent: map.get($theme, accent);
|
|
19
|
+
$dark: mat.define-palette(mat.$grey-palette, 800, 700, 900);
|
|
20
|
+
$density: mat.get-density-config($theme);
|
|
21
|
+
|
|
22
|
+
$theme: map.merge(
|
|
23
|
+
$theme,
|
|
24
|
+
(
|
|
25
|
+
density: $density - 3
|
|
26
|
+
)
|
|
27
|
+
);
|
|
28
|
+
|
|
29
|
+
@include mat.button-toggle-density($theme);
|
|
30
|
+
|
|
31
|
+
mat-button-toggle {
|
|
32
|
+
color: black !important;
|
|
33
|
+
|
|
34
|
+
&.mat-button-toggle-checked {
|
|
35
|
+
background-color: mat.get-color-from-palette($accent);
|
|
36
|
+
color: mat.get-color-from-palette($dark);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
@use '../../index' as igo;
|
|
4
|
-
|
|
5
|
-
$primary: mat.define-palette(mat.$blue-palette, 700, 400, 900);
|
|
6
|
-
$accent: mat.define-palette(mat.$blue-palette, 200);
|
|
7
|
-
$warn: mat.define-palette(mat.$red-palette);
|
|
8
|
-
$typography: igo.$igo-typography;
|
|
9
|
-
|
|
10
|
-
$theme: mat.define-light-theme(
|
|
11
|
-
(
|
|
12
|
-
color: (
|
|
13
|
-
primary: $primary,
|
|
14
|
-
accent: $accent,
|
|
15
|
-
warn: $warn
|
|
16
|
-
),
|
|
17
|
-
typography: $typography,
|
|
18
|
-
density: 0
|
|
19
|
-
)
|
|
20
|
-
);
|
|
21
|
-
|
|
22
|
-
$foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900));
|
|
23
|
-
$theme: map.merge(
|
|
24
|
-
$theme,
|
|
25
|
-
(
|
|
26
|
-
foreground: $foreground
|
|
27
|
-
)
|
|
28
|
-
);
|
|
29
|
-
|
|
30
|
-
@include mat.core();
|
|
31
|
-
@include mat.typography-hierarchy($typography);
|
|
32
|
-
@include mat.all-component-themes($theme);
|
|
33
|
-
|
|
34
|
-
@include igo.all-component-themes($theme);
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '@angular/material' as mat;
|
|
3
|
+
@use '../../index' as igo;
|
|
4
|
+
|
|
5
|
+
$primary: mat.define-palette(mat.$blue-palette, 700, 400, 900);
|
|
6
|
+
$accent: mat.define-palette(mat.$blue-palette, 200);
|
|
7
|
+
$warn: mat.define-palette(mat.$red-palette);
|
|
8
|
+
$typography: igo.$igo-typography;
|
|
9
|
+
|
|
10
|
+
$theme: mat.define-light-theme(
|
|
11
|
+
(
|
|
12
|
+
color: (
|
|
13
|
+
primary: $primary,
|
|
14
|
+
accent: $accent,
|
|
15
|
+
warn: $warn
|
|
16
|
+
),
|
|
17
|
+
typography: $typography,
|
|
18
|
+
density: 0
|
|
19
|
+
)
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
$foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900));
|
|
23
|
+
$theme: map.merge(
|
|
24
|
+
$theme,
|
|
25
|
+
(
|
|
26
|
+
foreground: $foreground
|
|
27
|
+
)
|
|
28
|
+
);
|
|
29
|
+
|
|
30
|
+
@include mat.core();
|
|
31
|
+
@include mat.typography-hierarchy($typography);
|
|
32
|
+
@include mat.all-component-themes($theme);
|
|
33
|
+
|
|
34
|
+
@include igo.all-component-themes($theme);
|
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
@use '../../index' as igo;
|
|
4
|
-
|
|
5
|
-
$bluedark-palette: (
|
|
6
|
-
50: #e3eaec,
|
|
7
|
-
100: #b9cad0,
|
|
8
|
-
200: #8ba7b1,
|
|
9
|
-
300: #5c8391,
|
|
10
|
-
400: #39697a,
|
|
11
|
-
500: #164e62,
|
|
12
|
-
600: #13475a,
|
|
13
|
-
700: #103d50,
|
|
14
|
-
800: #0c3546,
|
|
15
|
-
900: #062534,
|
|
16
|
-
A100: #6dc6ff,
|
|
17
|
-
A200: #3ab2ff,
|
|
18
|
-
A400: #079eff,
|
|
19
|
-
A700: #0090ec,
|
|
20
|
-
contrast: (
|
|
21
|
-
50: #000000,
|
|
22
|
-
100: #000000,
|
|
23
|
-
200: #000000,
|
|
24
|
-
300: #ffffff,
|
|
25
|
-
400: #ffffff,
|
|
26
|
-
500: #ffffff,
|
|
27
|
-
600: #ffffff,
|
|
28
|
-
700: #ffffff,
|
|
29
|
-
800: #ffffff,
|
|
30
|
-
900: #ffffff,
|
|
31
|
-
A100: #000000,
|
|
32
|
-
A200: #000000,
|
|
33
|
-
A400: #ffffff,
|
|
34
|
-
A700: #ffffff
|
|
35
|
-
)
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
$primary: mat.define-palette($bluedark-palette, 500);
|
|
39
|
-
$accent: mat.define-palette($bluedark-palette, 200);
|
|
40
|
-
$warn: mat.define-palette(mat.$red-palette);
|
|
41
|
-
$typography: igo.$igo-typography;
|
|
42
|
-
|
|
43
|
-
$theme: mat.define-light-theme(
|
|
44
|
-
(
|
|
45
|
-
color: (
|
|
46
|
-
primary: $primary,
|
|
47
|
-
accent: $accent,
|
|
48
|
-
warn: $warn
|
|
49
|
-
),
|
|
50
|
-
typography: $typography,
|
|
51
|
-
density: 0
|
|
52
|
-
)
|
|
53
|
-
);
|
|
54
|
-
|
|
55
|
-
$foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900));
|
|
56
|
-
$theme: map.merge(
|
|
57
|
-
$theme,
|
|
58
|
-
(
|
|
59
|
-
foreground: $foreground
|
|
60
|
-
)
|
|
61
|
-
);
|
|
62
|
-
|
|
63
|
-
@include mat.core();
|
|
64
|
-
@include mat.typography-hierarchy($typography);
|
|
65
|
-
@include mat.all-component-themes($theme);
|
|
66
|
-
|
|
67
|
-
@include igo.all-component-themes($theme);
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '@angular/material' as mat;
|
|
3
|
+
@use '../../index' as igo;
|
|
4
|
+
|
|
5
|
+
$bluedark-palette: (
|
|
6
|
+
50: #e3eaec,
|
|
7
|
+
100: #b9cad0,
|
|
8
|
+
200: #8ba7b1,
|
|
9
|
+
300: #5c8391,
|
|
10
|
+
400: #39697a,
|
|
11
|
+
500: #164e62,
|
|
12
|
+
600: #13475a,
|
|
13
|
+
700: #103d50,
|
|
14
|
+
800: #0c3546,
|
|
15
|
+
900: #062534,
|
|
16
|
+
A100: #6dc6ff,
|
|
17
|
+
A200: #3ab2ff,
|
|
18
|
+
A400: #079eff,
|
|
19
|
+
A700: #0090ec,
|
|
20
|
+
contrast: (
|
|
21
|
+
50: #000000,
|
|
22
|
+
100: #000000,
|
|
23
|
+
200: #000000,
|
|
24
|
+
300: #ffffff,
|
|
25
|
+
400: #ffffff,
|
|
26
|
+
500: #ffffff,
|
|
27
|
+
600: #ffffff,
|
|
28
|
+
700: #ffffff,
|
|
29
|
+
800: #ffffff,
|
|
30
|
+
900: #ffffff,
|
|
31
|
+
A100: #000000,
|
|
32
|
+
A200: #000000,
|
|
33
|
+
A400: #ffffff,
|
|
34
|
+
A700: #ffffff
|
|
35
|
+
)
|
|
36
|
+
);
|
|
37
|
+
|
|
38
|
+
$primary: mat.define-palette($bluedark-palette, 500);
|
|
39
|
+
$accent: mat.define-palette($bluedark-palette, 200);
|
|
40
|
+
$warn: mat.define-palette(mat.$red-palette);
|
|
41
|
+
$typography: igo.$igo-typography;
|
|
42
|
+
|
|
43
|
+
$theme: mat.define-light-theme(
|
|
44
|
+
(
|
|
45
|
+
color: (
|
|
46
|
+
primary: $primary,
|
|
47
|
+
accent: $accent,
|
|
48
|
+
warn: $warn
|
|
49
|
+
),
|
|
50
|
+
typography: $typography,
|
|
51
|
+
density: 0
|
|
52
|
+
)
|
|
53
|
+
);
|
|
54
|
+
|
|
55
|
+
$foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900));
|
|
56
|
+
$theme: map.merge(
|
|
57
|
+
$theme,
|
|
58
|
+
(
|
|
59
|
+
foreground: $foreground
|
|
60
|
+
)
|
|
61
|
+
);
|
|
62
|
+
|
|
63
|
+
@include mat.core();
|
|
64
|
+
@include mat.typography-hierarchy($typography);
|
|
65
|
+
@include mat.all-component-themes($theme);
|
|
66
|
+
|
|
67
|
+
@include igo.all-component-themes($theme);
|
|
@@ -1,66 +1,66 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
@use '../../index' as igo;
|
|
4
|
-
|
|
5
|
-
$dq-palette: (
|
|
6
|
-
50: #e1f5fd,
|
|
7
|
-
100: #b4e5fb,
|
|
8
|
-
200: #82d4f8,
|
|
9
|
-
300: #53c3f4,
|
|
10
|
-
400: #31b6f2,
|
|
11
|
-
500: #0d81df,
|
|
12
|
-
600: #149be1,
|
|
13
|
-
700: #1088cd,
|
|
14
|
-
800: #0f77b9,
|
|
15
|
-
900: #095797,
|
|
16
|
-
A100: #6dc6ff,
|
|
17
|
-
A200: #3ab2ff,
|
|
18
|
-
A400: #079eff,
|
|
19
|
-
A700: #0090ec,
|
|
20
|
-
contrast: (
|
|
21
|
-
50: #000000,
|
|
22
|
-
100: #000000,
|
|
23
|
-
200: #000000,
|
|
24
|
-
300: #000000,
|
|
25
|
-
400: #000000,
|
|
26
|
-
500: #000000,
|
|
27
|
-
600: #ffffff,
|
|
28
|
-
700: #ffffff,
|
|
29
|
-
800: #ffffff,
|
|
30
|
-
900: #ffffff,
|
|
31
|
-
A100: #000000,
|
|
32
|
-
A200: #000000,
|
|
33
|
-
A400: #ffffff,
|
|
34
|
-
A700: #ffffff
|
|
35
|
-
)
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
$primary: mat.define-palette($dq-palette, 900);
|
|
39
|
-
$accent: mat.define-palette($dq-palette, 500);
|
|
40
|
-
$warn: mat.define-palette(mat.$red-palette);
|
|
41
|
-
$typography: igo.$igo-typography;
|
|
42
|
-
|
|
43
|
-
$theme: mat.define-light-theme(
|
|
44
|
-
(
|
|
45
|
-
color: (
|
|
46
|
-
primary: $primary,
|
|
47
|
-
accent: $accent,
|
|
48
|
-
warn: $warn
|
|
49
|
-
),
|
|
50
|
-
typography: $typography,
|
|
51
|
-
density: 0
|
|
52
|
-
)
|
|
53
|
-
);
|
|
54
|
-
|
|
55
|
-
$theme: map.merge(
|
|
56
|
-
$theme,
|
|
57
|
-
(
|
|
58
|
-
foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900))
|
|
59
|
-
)
|
|
60
|
-
);
|
|
61
|
-
|
|
62
|
-
@include mat.core();
|
|
63
|
-
@include mat.typography-hierarchy($typography);
|
|
64
|
-
@include mat.all-component-themes($theme);
|
|
65
|
-
|
|
66
|
-
@include igo.all-component-themes($theme);
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '@angular/material' as mat;
|
|
3
|
+
@use '../../index' as igo;
|
|
4
|
+
|
|
5
|
+
$dq-palette: (
|
|
6
|
+
50: #e1f5fd,
|
|
7
|
+
100: #b4e5fb,
|
|
8
|
+
200: #82d4f8,
|
|
9
|
+
300: #53c3f4,
|
|
10
|
+
400: #31b6f2,
|
|
11
|
+
500: #0d81df,
|
|
12
|
+
600: #149be1,
|
|
13
|
+
700: #1088cd,
|
|
14
|
+
800: #0f77b9,
|
|
15
|
+
900: #095797,
|
|
16
|
+
A100: #6dc6ff,
|
|
17
|
+
A200: #3ab2ff,
|
|
18
|
+
A400: #079eff,
|
|
19
|
+
A700: #0090ec,
|
|
20
|
+
contrast: (
|
|
21
|
+
50: #000000,
|
|
22
|
+
100: #000000,
|
|
23
|
+
200: #000000,
|
|
24
|
+
300: #000000,
|
|
25
|
+
400: #000000,
|
|
26
|
+
500: #000000,
|
|
27
|
+
600: #ffffff,
|
|
28
|
+
700: #ffffff,
|
|
29
|
+
800: #ffffff,
|
|
30
|
+
900: #ffffff,
|
|
31
|
+
A100: #000000,
|
|
32
|
+
A200: #000000,
|
|
33
|
+
A400: #ffffff,
|
|
34
|
+
A700: #ffffff
|
|
35
|
+
)
|
|
36
|
+
);
|
|
37
|
+
|
|
38
|
+
$primary: mat.define-palette($dq-palette, 900);
|
|
39
|
+
$accent: mat.define-palette($dq-palette, 500);
|
|
40
|
+
$warn: mat.define-palette(mat.$red-palette);
|
|
41
|
+
$typography: igo.$igo-typography;
|
|
42
|
+
|
|
43
|
+
$theme: mat.define-light-theme(
|
|
44
|
+
(
|
|
45
|
+
color: (
|
|
46
|
+
primary: $primary,
|
|
47
|
+
accent: $accent,
|
|
48
|
+
warn: $warn
|
|
49
|
+
),
|
|
50
|
+
typography: $typography,
|
|
51
|
+
density: 0
|
|
52
|
+
)
|
|
53
|
+
);
|
|
54
|
+
|
|
55
|
+
$theme: map.merge(
|
|
56
|
+
$theme,
|
|
57
|
+
(
|
|
58
|
+
foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900))
|
|
59
|
+
)
|
|
60
|
+
);
|
|
61
|
+
|
|
62
|
+
@include mat.core();
|
|
63
|
+
@include mat.typography-hierarchy($typography);
|
|
64
|
+
@include mat.all-component-themes($theme);
|
|
65
|
+
|
|
66
|
+
@include igo.all-component-themes($theme);
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
@use '../../index' as igo;
|
|
3
|
-
|
|
4
|
-
$primary: mat.define-palette(mat.$blue-grey-palette);
|
|
5
|
-
$accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
|
|
6
|
-
$warn: mat.define-palette(mat.$deep-orange-palette);
|
|
7
|
-
$typography: igo.$igo-typography;
|
|
8
|
-
|
|
9
|
-
$theme: mat.define-light-theme(
|
|
10
|
-
(
|
|
11
|
-
color: (
|
|
12
|
-
primary: $primary,
|
|
13
|
-
accent: $accent,
|
|
14
|
-
warn: $warn
|
|
15
|
-
),
|
|
16
|
-
typography: $typography,
|
|
17
|
-
density: 0
|
|
18
|
-
)
|
|
19
|
-
);
|
|
20
|
-
|
|
21
|
-
@include mat.core();
|
|
22
|
-
@include mat.typography-hierarchy($typography);
|
|
23
|
-
@include mat.all-component-themes($theme);
|
|
24
|
-
|
|
25
|
-
@include igo.all-component-themes($theme);
|
|
1
|
+
@use '@angular/material' as mat;
|
|
2
|
+
@use '../../index' as igo;
|
|
3
|
+
|
|
4
|
+
$primary: mat.define-palette(mat.$blue-grey-palette);
|
|
5
|
+
$accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
|
|
6
|
+
$warn: mat.define-palette(mat.$deep-orange-palette);
|
|
7
|
+
$typography: igo.$igo-typography;
|
|
8
|
+
|
|
9
|
+
$theme: mat.define-light-theme(
|
|
10
|
+
(
|
|
11
|
+
color: (
|
|
12
|
+
primary: $primary,
|
|
13
|
+
accent: $accent,
|
|
14
|
+
warn: $warn
|
|
15
|
+
),
|
|
16
|
+
typography: $typography,
|
|
17
|
+
density: 0
|
|
18
|
+
)
|
|
19
|
+
);
|
|
20
|
+
|
|
21
|
+
@include mat.core();
|
|
22
|
+
@include mat.typography-hierarchy($typography);
|
|
23
|
+
@include mat.all-component-themes($theme);
|
|
24
|
+
|
|
25
|
+
@include igo.all-component-themes($theme);
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
@use '../../index' as igo;
|
|
3
|
-
|
|
4
|
-
$primary: mat.define-palette(mat.$blue-grey-palette);
|
|
5
|
-
$accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
|
|
6
|
-
$warn: mat.define-palette(mat.$deep-orange-palette);
|
|
7
|
-
$typography: igo.$igo-typography;
|
|
8
|
-
|
|
9
|
-
$theme: mat.define-dark-theme(
|
|
10
|
-
(
|
|
11
|
-
color: (
|
|
12
|
-
primary: $primary,
|
|
13
|
-
accent: $accent,
|
|
14
|
-
warn: $warn
|
|
15
|
-
),
|
|
16
|
-
typography: $typography,
|
|
17
|
-
density: 0
|
|
18
|
-
)
|
|
19
|
-
);
|
|
20
|
-
|
|
21
|
-
@include mat.core();
|
|
22
|
-
@include mat.typography-hierarchy($typography);
|
|
23
|
-
@include mat.all-component-themes($theme);
|
|
24
|
-
|
|
25
|
-
@include igo.all-component-themes($theme);
|
|
1
|
+
@use '@angular/material' as mat;
|
|
2
|
+
@use '../../index' as igo;
|
|
3
|
+
|
|
4
|
+
$primary: mat.define-palette(mat.$blue-grey-palette);
|
|
5
|
+
$accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
|
|
6
|
+
$warn: mat.define-palette(mat.$deep-orange-palette);
|
|
7
|
+
$typography: igo.$igo-typography;
|
|
8
|
+
|
|
9
|
+
$theme: mat.define-dark-theme(
|
|
10
|
+
(
|
|
11
|
+
color: (
|
|
12
|
+
primary: $primary,
|
|
13
|
+
accent: $accent,
|
|
14
|
+
warn: $warn
|
|
15
|
+
),
|
|
16
|
+
typography: $typography,
|
|
17
|
+
density: 0
|
|
18
|
+
)
|
|
19
|
+
);
|
|
20
|
+
|
|
21
|
+
@include mat.core();
|
|
22
|
+
@include mat.typography-hierarchy($typography);
|
|
23
|
+
@include mat.all-component-themes($theme);
|
|
24
|
+
|
|
25
|
+
@include igo.all-component-themes($theme);
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
@use '../../index' as igo;
|
|
3
|
-
|
|
4
|
-
$primary: mat.define-palette(mat.$deep-purple-palette);
|
|
5
|
-
$accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
|
|
6
|
-
$warn: mat.define-palette(mat.$red-palette);
|
|
7
|
-
$typography: igo.$igo-typography;
|
|
8
|
-
|
|
9
|
-
$theme: mat.define-light-theme(
|
|
10
|
-
(
|
|
11
|
-
color: (
|
|
12
|
-
primary: $primary,
|
|
13
|
-
accent: $accent,
|
|
14
|
-
warn: $warn
|
|
15
|
-
),
|
|
16
|
-
typography: $typography,
|
|
17
|
-
density: 0
|
|
18
|
-
)
|
|
19
|
-
);
|
|
20
|
-
|
|
21
|
-
@include mat.core();
|
|
22
|
-
@include mat.typography-hierarchy($typography);
|
|
23
|
-
@include mat.all-component-themes($theme);
|
|
24
|
-
|
|
25
|
-
@include igo.all-component-themes($theme);
|
|
1
|
+
@use '@angular/material' as mat;
|
|
2
|
+
@use '../../index' as igo;
|
|
3
|
+
|
|
4
|
+
$primary: mat.define-palette(mat.$deep-purple-palette);
|
|
5
|
+
$accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
|
|
6
|
+
$warn: mat.define-palette(mat.$red-palette);
|
|
7
|
+
$typography: igo.$igo-typography;
|
|
8
|
+
|
|
9
|
+
$theme: mat.define-light-theme(
|
|
10
|
+
(
|
|
11
|
+
color: (
|
|
12
|
+
primary: $primary,
|
|
13
|
+
accent: $accent,
|
|
14
|
+
warn: $warn
|
|
15
|
+
),
|
|
16
|
+
typography: $typography,
|
|
17
|
+
density: 0
|
|
18
|
+
)
|
|
19
|
+
);
|
|
20
|
+
|
|
21
|
+
@include mat.core();
|
|
22
|
+
@include mat.typography-hierarchy($typography);
|
|
23
|
+
@include mat.all-component-themes($theme);
|
|
24
|
+
|
|
25
|
+
@include igo.all-component-themes($theme);
|