@elderbyte/ngx-starter 19.1.0-beta.31 → 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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/theming/abstracts/_elder-design-tokens.scss +5 -0
  3. package/theming/abstracts/_elder-scss-variables.scss +1 -0
  4. package/theming/base/_elder-fixes-base.scss +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elderbyte/ngx-starter",
3
- "version": "19.1.0-beta.31",
3
+ "version": "19.1.0-beta.32",
4
4
  "peerDependencies": {
5
5
  "@angular/core": "^18.0.0 || ^19.0.0",
6
6
  "@angular/common": "^18.0.0 || ^19.0.0",
package/theming/abstracts/_elder-design-tokens.scss 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
 
package/theming/abstracts/_elder-scss-variables.scss CHANGED
@@ -30,6 +30,7 @@ $custom-colors: (
30
30
  elder-gold-semi-dark: #7f7054,
31
31
  elder-gray-medium: #373737,
32
32
  //elder-gold-semi-dark: #7E7154,
33
+ elder-gold-semi-light: hsl(44, 28%, 810%),
33
34
  elder-gold-light: #f0e9d8,
34
35
  );
35
36
 
package/theming/base/_elder-fixes-base.scss CHANGED
@@ -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(--md-sys-color-tertiary-container);
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);