Skip to content

Commit 7902a3b

Browse files
style(dialog): Change message color in fluent light and dark themes. (#12356)
* style(dialog): change message color in fluent theme. Co-authored-by: Simeon Simeonoff <[email protected]>
1 parent 99639da commit 7902a3b

File tree

2 files changed

+8
-4
lines changed

2 files changed

+8
-4
lines changed

projects/igniteui-angular/src/lib/core/styles/themes/schemas/dark/_dialog.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,7 @@ $dark-dialog: extend($light-dialog, $base-dark-dialog);
2525
/// Generates a dark fluent dialog schema.
2626
/// @type {Map}
2727
/// @requires $fluent-dialog
28-
/// @requires $base-dark-dialog
29-
$dark-fluent-dialog: extend($fluent-dialog, $base-dark-dialog);
28+
$dark-fluent-dialog: extend($fluent-dialog);
3029

3130
/// Generates a dark bootstrap dialog schema.
3231
/// @type {Map}

projects/igniteui-angular/src/lib/core/styles/themes/schemas/light/_dialog.scss

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
/// @type {Map}
1212
/// @prop {Map} background [color: 'surface'] - The dialog background color.
1313
/// @prop {Map} title-color [contrast-color: 'surface'] - The dialog title text color.
14-
/// @prop {Map} message-color [color: 'surface', text-contrast: (), rgba: .6] - The dialog message text color.
14+
/// @prop {Map} message-color [color: ('gray', 600),] - The dialog message text color.
1515
/// @prop {map} border-color [color: ('gray', 300)] - The border color for dialog component.
1616
/// @prop {Number} elevation [24] - The elevation level, between 0-24, to be used for the dialog.
1717
/// @prop {Number} border-radius [4px] - The border radius used for dialog. Can be a fraction between 0 and 1, pixels, or percent.
@@ -42,13 +42,18 @@ $light-dialog: extend(
4242
/// Generates a fluent dialog schema.
4343
/// @type {Map}
4444
/// @prop {Number} border-radius [2px] - The border radius used for dialog. Can be a fraction between 0 and 1, pixels, or percent.
45+
/// @prop {Map} message-color [color: ('gray', 700),] - The dialog message text color.
4546
/// @requires {Map} $light-dialog
4647
$fluent-dialog: extend(
4748
$light-dialog,
4849
(
4950
variant: 'fluent',
5051

51-
border-radius: rem(2px)
52+
border-radius: rem(2px),
53+
54+
message-color: (
55+
color: ('gray', 700),
56+
),
5257
)
5358
);
5459

0 commit comments

Comments
 (0)