Skip to content

Commit 98d5715

Browse files
committed
Changed rgba to rgb in style files
1 parent 9f58b00 commit 98d5715

File tree

2 files changed

+33
-33
lines changed

2 files changed

+33
-33
lines changed

src/app/shared/components/error-message/error-message.component.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
*/
1212
.mat-list-item-content {
1313
padding: 0 0 vars.$spacing-half;
14-
color: rgba(255, 255, 255, .7);
14+
color: rgb(255, 255, 255, .7);
1515
line-height: 12px;
1616
}
1717
}

src/styles/theme.scss

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -49,12 +49,12 @@ $light-theme-background: (
4949
status-bar: mat.m2-get-color-from-palette(palettes.$app-palette-grey, 300),
5050
app-bar: mat.m2-get-color-from-palette(palettes.$app-palette-grey, 100),
5151
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
5353
card: white,
5454
dialog: white,
55-
disabled-button: rgba(black, .12),
55+
disabled-button: rgb(black, .12),
5656
raised-button: white,
57-
focused-button: rgba(black, .12),
57+
focused-button: rgb(black, .12),
5858
selected-button: mat.m2-get-color-from-palette(palettes.$app-palette-grey, 300),
5959
selected-disabled-button: mat.m2-get-color-from-palette(palettes.$app-palette-grey, 400),
6060
disabled-button-toggle: mat.m2-get-color-from-palette(palettes.$app-palette-grey, 200),
@@ -68,12 +68,12 @@ $dark-theme-background: (
6868
status-bar: black,
6969
app-bar: mat.m2-get-color-from-palette(palettes.$app-palette-grey, 800),
7070
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
7272
card: mat.m2-get-color-from-palette(palettes.$app-palette-grey, 500),
7373
dialog: mat.m2-get-color-from-palette(palettes.$app-palette-grey, 800),
74-
disabled-button: rgba(white, .12),
74+
disabled-button: rgb(white, .12),
7575
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),
7777
selected-button: mat.m2-get-color-from-palette(palettes.$app-palette-grey, 900),
7878
selected-disabled-button: mat.m2-get-color-from-palette(palettes.$app-palette-grey, 800),
7979
disabled-button-toggle: black,
@@ -85,39 +85,39 @@ $dark-theme-background: (
8585
// Foreground (for texts) palette for light themes.
8686
$light-theme-foreground: (
8787
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),
9393
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),
102102
);
103103

104104
// Foreground (for texts) palette for dark themes.
105105
$dark-theme-foreground: (
106106
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),
112112
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),
121121
);
122122

123123
// Light theme base definition

0 commit comments

Comments
 (0)