Default health bars are now the app's primary color

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>

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,