From 67f9be2b77ca76d5b5e5137f5b699821f8dcce97 Mon Sep 17 00:00:00 2001
From: Zack Arnett <arnett.zackary@gmail.com>
Date: Mon, 24 Aug 2020 10:31:16 -0500
Subject: [PATCH] Media Browser: Fix dark mode (#6687)

---
 src/components/media-player/ha-media-player-browse.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/media-player/ha-media-player-browse.ts b/src/components/media-player/ha-media-player-browse.ts
index 8c7bb34414..d892727952 100644
--- a/src/components/media-player/ha-media-player-browse.ts
+++ b/src/components/media-player/ha-media-player-browse.ts
@@ -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);