Skip to content

Commit cfc2e6d

Browse files
committed
fix(dialog): invalid text color in dark themes
In dark themes the dialog container will have a dark background and the text should therefore have a light text color. Currently the text color is still dark on a dark background which causes the dialog to look bad in dark themes.
1 parent 12d6e96 commit cfc2e6d

File tree

2 files changed

+3
-1
lines changed

2 files changed

+3
-1
lines changed

src/lib/dialog/_dialog-theme.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,10 @@
44

55
@mixin mat-dialog-theme($theme) {
66
$background: map-get($theme, background);
7+
$foreground: map-get($theme, foreground);
78

89
.mat-dialog-container {
910
background: mat-color($background, dialog);
11+
color: mat-color($foreground, text)
1012
}
1113
}

tools/gulp/packaging/build-tasks-gulp.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ const inlineResources = require('../../../scripts/release/inline-resources');
1414
* @param packageName Name of the package. Needs to be similar to the directory name in `src/`.
1515
* @param requiredPackages Required packages that will be built before building the current package.
1616
*/
17-
export function createPackageBuildTasks(packageName: string, requiredPackages: string[] = [], ) {
17+
export function createPackageBuildTasks(packageName: string, requiredPackages: string[] = []) {
1818
// To avoid refactoring of the project the package material will map to the source path `lib/`.
1919
const packageRoot = join(SOURCE_ROOT, packageName === 'material' ? 'lib' : packageName);
2020
const packageOut = join(DIST_ROOT, 'packages', packageName);

0 commit comments

Comments
 (0)