diff --git a/app/imports/ui/character/CharacterSheet.vue b/app/imports/ui/character/CharacterSheet.vue
index 96cc98bc..43aa19a4 100644
--- a/app/imports/ui/character/CharacterSheet.vue
+++ b/app/imports/ui/character/CharacterSheet.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="character-sheet">
-    <v-toolbar app :color="character.color || 'primary'" :dark="isDarkColor(character.color || theme.primary)">
+    <v-toolbar app :color="character.color || 'secondary'" :dark="isDarkColor(character.color || theme.primary)">
       <v-btn v-if="showMenuButton" flat icon @click="toggleDrawer">
         <v-icon>menu</v-icon>
       </v-btn>
diff --git a/app/imports/ui/dialogStack/DialogBase.vue b/app/imports/ui/dialogStack/DialogBase.vue
index 62da66c0..967e86fd 100644
--- a/app/imports/ui/dialogStack/DialogBase.vue
+++ b/app/imports/ui/dialogStack/DialogBase.vue
@@ -1,6 +1,6 @@
 <template>
 	<v-layout column style="height: 100%;">
-    <v-toolbar color="primary" dark class="base-dialog-toolbar" :flat="!offsetTop">
+    <v-toolbar :color="color || 'secondary'" dark class="base-dialog-toolbar" :flat="!offsetTop">
 			<v-btn icon flat @click="close">
 				<v-icon>
 					arrow_back
@@ -21,6 +21,9 @@
 	import store from "/imports/ui/vuexStore.js";
 
 	export default {
+		props: {
+			color: String,
+		},
 		data(){ return {
 			offsetTop: 0,
 		}},