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

md-autocomplete panel doesn't inherit dark theme #11202

@rudzikdawid

Description

@rudzikdawid

screen of issue:
light automplete in dark theme

in material1 implementation there is render issue. light autocomplete panel in dark theme.
material2 has proper implementation dark autocomplete panel in dark theme.
https://material.angular.io/components/autocomplete/examples

automplete in dark theme should look like:
dark automplete in dark theme

PR: #11203
fixed scss styles:

md-autocomplete.md-THEME_NAME-theme {
  background: '{{background-hue-1}}';
  &[disabled]:not([md-floating-label]) {
    background: '{{background-hue-2}}';

 input {
    color: '{{foreground-1}}';
  }
}


.md-autocomplete-suggestions-container.md-THEME_NAME-theme {
  background: '{{background-hue-1}}';
  li {
    color: '{{foreground-1}}';
    
    &:hover,
    &.selected {
      background: '{{background-300-0.2}}';
    }

  }
}

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions