From c3d9ee758977e32abc34be6a00b9c66e5da5cc74 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Fri, 8 Apr 2022 18:40:53 +0200
Subject: [PATCH] Default health bars are now the app's primary color

---
 app/imports/ui/components/ColorPicker.vue             |  2 +-
 .../ui/properties/components/attributes/HealthBar.vue | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/imports/ui/components/ColorPicker.vue b/app/imports/ui/components/ColorPicker.vue
index 860c51e9..bb1115f6 100644
--- a/app/imports/ui/components/ColorPicker.vue
+++ b/app/imports/ui/components/ColorPicker.vue
@@ -15,7 +15,7 @@
         {{ label }}
         <v-icon
           :right="!!label"
-          :color="!!label && value"
+          :color="label && value"
         >
           mdi-format-paint
         </v-icon>
diff --git a/app/imports/ui/properties/components/attributes/HealthBar.vue b/app/imports/ui/properties/components/attributes/HealthBar.vue
index d002fbf2..f71f8d89 100644
--- a/app/imports/ui/properties/components/attributes/HealthBar.vue
+++ b/app/imports/ui/properties/components/attributes/HealthBar.vue
@@ -95,6 +95,13 @@ import chroma from 'chroma-js';
 	export default {
     components: {
       IncrementMenu
+    },
+    inject: {
+      theme: {
+        default: {
+          isDark: false,
+        },
+      },
     },
 		props: {
 			value: Number,
@@ -102,7 +109,9 @@ import chroma from 'chroma-js';
 			name: String,
       color: {
         type: String,
-        default: '#66BB6A',
+        default() {
+          return this.$vuetify.theme.currentTheme.primary
+        },
       },
       midColor: {
         type: String,