@@ -49,12 +49,12 @@ $light-theme-background: (
49
49
status-bar : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 300 ),
50
50
app-bar : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 100 ),
51
51
background : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 50 ),
52
- hover : rgba (black , .04 ), // TODO(kara): check style with Material Design UX
52
+ hover : rgb (black , .04 ), // TODO(kara): check style with Material Design UX
53
53
card : white ,
54
54
dialog : white ,
55
- disabled-button : rgba (black , .12 ),
55
+ disabled-button : rgb (black , .12 ),
56
56
raised-button : white ,
57
- focused-button : rgba (black , .12 ),
57
+ focused-button : rgb (black , .12 ),
58
58
selected-button : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 300 ),
59
59
selected-disabled-button : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 400 ),
60
60
disabled-button-toggle : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 200 ),
@@ -68,12 +68,12 @@ $dark-theme-background: (
68
68
status-bar : black ,
69
69
app-bar : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 800 ),
70
70
background : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 600 ),
71
- hover : rgba (white , .04 ), // TODO(kara): check style with Material Design UX
71
+ hover : rgb (white , .04 ), // TODO(kara): check style with Material Design UX
72
72
card : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 500 ),
73
73
dialog : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 800 ),
74
- disabled-button : rgba (white , .12 ),
74
+ disabled-button : rgb (white , .12 ),
75
75
raised-button : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 800 ),
76
- focused-button : rgba (white , .12 ),
76
+ focused-button : rgb (white , .12 ),
77
77
selected-button : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 900 ),
78
78
selected-disabled-button : mat .m2-get-color-from-palette (palettes .$app-palette-grey , 800 ),
79
79
disabled-button-toggle : black ,
@@ -85,39 +85,39 @@ $dark-theme-background: (
85
85
// Foreground (for texts) palette for light themes.
86
86
$light-theme-foreground : (
87
87
base : black ,
88
- divider : rgba (black , .12 ),
89
- dividers : rgba (black , .12 ),
90
- disabled : rgba (black , .38 ),
91
- disabled-button : rgba (black , .26 ),
92
- disabled-text : rgba (black , .38 ),
88
+ divider : rgb (black , .12 ),
89
+ dividers : rgb (black , .12 ),
90
+ disabled : rgb (black , .38 ),
91
+ disabled-button : rgb (black , .26 ),
92
+ disabled-text : rgb (black , .38 ),
93
93
elevation : black ,
94
- hint-text : rgba (black , .38 ),
95
- secondary-text : rgba (black , .54 ),
96
- icon : rgba (black , .54 ),
97
- icons : rgba (black , .54 ),
98
- text : rgba (black , .87 ),
99
- slider-min : rgba (black , .87 ),
100
- slider-off : rgba (black , .26 ),
101
- slider-off-active : rgba (black , .38 ),
94
+ hint-text : rgb (black , .38 ),
95
+ secondary-text : rgb (black , .54 ),
96
+ icon : rgb (black , .54 ),
97
+ icons : rgb (black , .54 ),
98
+ text : rgb (black , .87 ),
99
+ slider-min : rgb (black , .87 ),
100
+ slider-off : rgb (black , .26 ),
101
+ slider-off-active : rgb (black , .38 ),
102
102
);
103
103
104
104
// Foreground (for texts) palette for dark themes.
105
105
$dark-theme-foreground : (
106
106
base : white ,
107
- divider : rgba (white , .12 ),
108
- dividers : rgba (white , .12 ),
109
- disabled : rgba (white , .38 ),
110
- disabled-button : rgba (white , .26 ),
111
- disabled-text : rgba (white , .38 ),
107
+ divider : rgb (white , .12 ),
108
+ dividers : rgb (white , .12 ),
109
+ disabled : rgb (white , .38 ),
110
+ disabled-button : rgb (white , .26 ),
111
+ disabled-text : rgb (white , .38 ),
112
112
elevation : black ,
113
- hint-text : rgba (white , .38 ),
114
- secondary-text : rgba (white , .54 ),
115
- icon : rgba (white , .54 ),
116
- icons : rgba (white , .54 ),
117
- text : rgba (white , .87 ),
118
- slider-min : rgba (white , .87 ),
119
- slider-off : rgba (white , .26 ),
120
- slider-off-active : rgba (white , .38 ),
113
+ hint-text : rgb (white , .38 ),
114
+ secondary-text : rgb (white , .54 ),
115
+ icon : rgb (white , .54 ),
116
+ icons : rgb (white , .54 ),
117
+ text : rgb (white , .87 ),
118
+ slider-min : rgb (white , .87 ),
119
+ slider-off : rgb (white , .26 ),
120
+ slider-off-active : rgb (white , .38 ),
121
121
);
122
122
123
123
// Light theme base definition
0 commit comments