jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-29 04:06:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Media Browser: Fix dark mode (#6687)

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