github
/
ha-frontend
mirror of https://github.com/home-assistant/frontend
1
Fork 0
Code Releases Activity

Media Browser: Fix dark mode (#6687)

This commit is contained in:
Zack Arnett 2020-08-24 10:31:16 -05:00 committed by GitHub
parent e2fd155e1b
commit 67f9be2b77
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/media-player/ha-media-player-browse.ts
View File

@ -188,6 +188,7 @@ export class HaMediaPlayerBrowse extends LitElement {
>
<div class="ha-card-parent">
<ha-card
outlined
style="background-image: url(${child.thumbnail})"
>
${child.can_expand && !child.thumbnail
@ -442,6 +443,7 @@ export class HaMediaPlayerBrowse extends LitElement {
mwc-list {
--mdc-list-vertical-padding: 0;
--mdc-theme-text-icon-on-background: var(--secondary-text-color);
border: 1px solid var(--divider-color);
border-radius: 4px;
}
@ -450,6 +452,10 @@ export class HaMediaPlayerBrowse extends LitElement {
display: none;
}
mwc-list li[divider] {
border-bottom-color: var(--divider-color);
}
.children {
display: grid;
grid-template-columns: repeat(
@ -485,7 +491,7 @@ export class HaMediaPlayerBrowse extends LitElement {
}
.child .folder {
color: var(--sidebar-icon-color);
color: var(--secondary-text-color);
top: calc(50% - (var(--mdc-icon-size) / 2));
left: calc(50% - (var(--mdc-icon-size) / 2));
--mdc-icon-size: calc(var(--media-browse-item-size, 175px) * 0.4);