From 8d99a2dc38be68a612dac1283a7d8e601d0e422a Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Thu, 17 Jun 2021 18:32:33 -0400
Subject: [PATCH] Fix header icon color

---
 app/src/modules/insights/routes/dashboard.vue | 6 +++++-
 app/src/modules/insights/routes/overview.vue  | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/src/modules/insights/routes/dashboard.vue b/app/src/modules/insights/routes/dashboard.vue
index 5ff37a2087..f7423b848a 100644
--- a/app/src/modules/insights/routes/dashboard.vue
+++ b/app/src/modules/insights/routes/dashboard.vue
@@ -2,7 +2,7 @@
 	<insights-not-found v-if="!currentDashboard" />
 	<private-view v-else :title="currentDashboard.name">
 		<template #title-outer:prepend>
-			<v-button rounded disabled icon secondary>
+			<v-button class="header-icon" rounded disabled icon secondary>
 				<v-icon :name="currentDashboard.icon" />
 			</v-button>
 		</template>
@@ -345,4 +345,8 @@ export default defineComponent({
 	--v-button-color-active: var(--foreground-inverted);
 	--v-button-background-color-active: var(--primary);
 }
+
+.header-icon {
+	--v-button-color-disabled: var(--foreground-normal);
+}
 </style>
diff --git a/app/src/modules/insights/routes/overview.vue b/app/src/modules/insights/routes/overview.vue
index 0246829da5..0c4e696c17 100644
--- a/app/src/modules/insights/routes/overview.vue
+++ b/app/src/modules/insights/routes/overview.vue
@@ -1,7 +1,7 @@
 <template>
 	<private-view :title="t('insights')">
 		<template #title-outer:prepend>
-			<v-button rounded disabled icon secondary>
+			<v-button class="header-icon" rounded disabled icon secondary>
 				<v-icon name="dashboard" />
 			</v-button>
 		</template>
@@ -212,4 +212,8 @@ export default defineComponent({
 	--v-list-item-color-hover: var(--warning);
 	--v-list-item-icon-color: var(--warning);
 }
+
+.header-icon {
+	--v-button-color-disabled: var(--foreground-normal);
+}
 </style>