From 56d88b4c5682c72750b279dbc4c0c3941d34875a Mon Sep 17 00:00:00 2001
From: Pikles <11828103+myleskeeffe@users.noreply.github.com>
Date: Mon, 11 Jan 2021 19:50:33 +0800
Subject: [PATCH] Add CSS Variables for Menu (#7917)

---
 src/components/ha-sidebar.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts
index 7a4791b967..9f90b8da62 100644
--- a/src/components/ha-sidebar.ts
+++ b/src/components/ha-sidebar.ts
@@ -772,9 +772,9 @@ class HaSidebar extends LitElement {
           border-bottom: 1px solid transparent;
           white-space: nowrap;
           font-weight: 400;
-          color: var(--primary-text-color);
+          color: var(--sidebar-menu-button-text-color, --primary-text-color);
           border-bottom: 1px solid var(--divider-color);
-          background-color: var(--primary-background-color);
+          background-color: var(--sidebar-menu-button-background-color, --primary-background-color);
           font-size: 20px;
           align-items: center;
           padding-left: calc(4px + env(safe-area-inset-left));