Ensure the Creator's Colors are applied to the DonationButton

src/views/contents/ContentCard.vue

@@ -78,8 +78,14 @@
           <v-icon>mdi-comment-outline</v-icon>
         </v-btn>
 
-
-        <donation-button :creator="creator" iconColorClass="text-black"></donation-button>
+        <donation-button :color-border="colorMenu"
+                         :color-accent="colorAccent"
+                         :creator-id="creatorId"
+                         :creator-name="creatorName"
+                         :creator-logo="creatorLogo"
+                         iconColorClass="text-black"
+        ></donation-button>
+        
       </div>
 
       <div :class="{'hidden': !messagesVisible}">
@@ -103,9 +109,9 @@ import {computed, ref} from 'vue';
 import {time_ago} from "@/internal_time_ago.js";
 import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
+import DonationButton from "@/views/creators/DonationButton.vue";
 import YoutubePlayer from './YoutubePlayer.vue';
 import ImageViewer from './ImageViewer.vue';
-import DonationButton from "@/views/creators/DonationButton.vue";
 
 const props = defineProps({
   content: {
@@ -114,7 +120,11 @@ const props = defineProps({
   }
 });
 
-const creator = ref(null);
+const creatorId = computed(() => props.content.createdBy)
+const creatorName = computed(() => props.content.createdByName)
+const creatorLogo = computed(() => props.content.createdByPortraitUrl)
+const colorMenu = computed(() => props.content.colorMenu)
+const colorAccent = computed(() => props.content.colorAccent)
 
 const hasUrls = computed(() => !!props.content.urls && props.content.urls.length > 0);
 const messagesVisible = ref(false);