@elderbyte/ngx-starter 19.1.0-beta.30 → 19.1.0-beta.32
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/package.json +1 -1
- package/theming/abstracts/_elder-design-tokens.scss +5 -0
- package/theming/abstracts/_elder-scss-variables.scss +1 -0
- package/theming/base/_elder-fixes-base.scss +8 -7
- package/theming/components/_elder-toolbar-theme.scss +4 -0
- package/theming/utilities/_elder-flex-layout-utils.scss +1 -0
package/package.json
CHANGED
|
@@ -33,6 +33,10 @@
|
|
|
33
33
|
|
|
34
34
|
// add shadow to dialog to improve dark mode
|
|
35
35
|
--mat-dialog-container-elevation-shadow: var(--mat-app-elevation-shadow-level-12);
|
|
36
|
+
&.elder-dark-theme {
|
|
37
|
+
// in dark mode a stronger shadow is needed for dialogs
|
|
38
|
+
--mat-dialog-container-elevation-shadow: 0 0 34px 0 rgba(0,0,0,0.6);
|
|
39
|
+
}
|
|
36
40
|
|
|
37
41
|
// elder custom variables
|
|
38
42
|
--elder-border-radius-sm: 4px; // typical small border radius, inspired by mat 2
|
|
@@ -86,6 +90,7 @@
|
|
|
86
90
|
--elder-gold: #{map.get(config.$custom-colors, elder-gold)};
|
|
87
91
|
--elder-gold-dark: #{map.get(config.$custom-colors, elder-gold-dark)};
|
|
88
92
|
--elder-gold-semi-dark: #{map.get(config.$custom-colors, elder-gold-semi-dark)};
|
|
93
|
+
--elder-gold-semi-light: #{map.get(config.$custom-colors, elder-gold-semi-light)};
|
|
89
94
|
--elder-gold-light: #{map.get(config.$custom-colors, elder-gold-light)};
|
|
90
95
|
--elder-gray-medium: #{map.get(config.$custom-colors, elder-gray-medium)};
|
|
91
96
|
|
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
}
|
|
173
173
|
|
|
174
174
|
&.elder-light-theme elder-data-transfer-aggregate .mdc-linear-progress__buffer-bar {
|
|
175
|
-
--mdc-linear-progress-track-color: var(--
|
|
175
|
+
--mdc-linear-progress-track-color: var(--elder-gold-semi-light);
|
|
176
176
|
}
|
|
177
177
|
&.elder-dark-theme elder-data-transfer-aggregate .mdc-linear-progress__buffer-bar {
|
|
178
178
|
--mdc-linear-progress-track-color: var(--md-sys-color-tertiary-container);
|
|
@@ -189,11 +189,12 @@
|
|
|
189
189
|
--md-sys-color-on-tertiary-container: var(--md-sys-color-on-secondary-container);
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
-
// slide toggle colors
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
192
|
+
// slide toggle colors fix
|
|
193
|
+
&.elder-light-theme {
|
|
194
|
+
.mat-accent.mat-mdc-slide-toggle {
|
|
195
|
+
--md-sys-color-on-tertiary: white;
|
|
196
|
+
// --mdc-switch-selected-focus-handle-color: color-mix(in hsl, var(--md-sys-color-tertiary), black 16%);
|
|
197
|
+
// --mdc-switch-selected-hover-handle-color: color-mix(in hsl, var(--md-sys-color-tertiary), black 16%);
|
|
198
|
+
}
|
|
198
199
|
}
|
|
199
200
|
}
|
|
@@ -41,6 +41,10 @@
|
|
|
41
41
|
* {
|
|
42
42
|
color: var(--md-sys-color-on-surface) !important;
|
|
43
43
|
}
|
|
44
|
+
.mat-mdc-button-disabled,
|
|
45
|
+
.mat-mdc-button-disabled * {
|
|
46
|
+
color: var(--md-sys-color-outline) !important;
|
|
47
|
+
}
|
|
44
48
|
.elder-toolbar-main-nav-button .mat-icon {
|
|
45
49
|
color: var(--md-sys-color-primary) !important;
|
|
46
50
|
}
|