Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Commit affe84b

Browse files
mckenzielongjosephperrott
authored andcommitted
fix(autocomplete): apply themes to mdProgressLinear and input (#9698)
1 parent f776bf7 commit affe84b

File tree

1 file changed

+29
-0
lines changed

1 file changed

+29
-0
lines changed

src/components/autocomplete/autocomplete-theme.scss

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,24 @@
1+
@mixin md-autocomplete-input($input-color) {
2+
md-input-container.md-input-focused {
3+
.md-input {
4+
border-color: $input-color;
5+
}
6+
label,
7+
md-icon {
8+
color: $input-color;
9+
}
10+
}
11+
}
12+
@mixin md-autocomplete-progress($container-color, $bar-color) {
13+
md-progress-linear {
14+
.md-container {
15+
background-color: $container-color;
16+
}
17+
.md-bar {
18+
background-color: $bar-color;
19+
}
20+
}
21+
}
122
md-autocomplete.md-THEME_NAME-theme {
223
background: '{{background-hue-1}}';
324
&[disabled]:not([md-floating-label]) {
@@ -16,6 +37,14 @@ md-autocomplete.md-THEME_NAME-theme {
1637
input {
1738
color: '{{foreground-1}}';
1839
}
40+
&.md-accent {
41+
@include md-autocomplete-input('{{accent-color}}');
42+
@include md-autocomplete-progress('{{accent-100}}', '{{accent-color}}');
43+
}
44+
&.md-warn {
45+
@include md-autocomplete-input('{{warn-A700}}');
46+
@include md-autocomplete-progress('{{warn-100}}', '{{warn-color}}');
47+
}
1948
}
2049
.md-autocomplete-suggestions-container.md-THEME_NAME-theme {
2150
background: '{{background-hue-1}}';

0 commit comments

Comments
 (0)