From ee07affa89b879ac93cb5535369dd78218d94f9c Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 22 Oct 2021 13:03:25 +0200
Subject: [PATCH] fix: missing bgcolor in background

---
 src/additional-components/Background/Background.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/additional-components/Background/Background.vue b/src/additional-components/Background/Background.vue
index 8fc8bb80..41d3c341 100644
--- a/src/additional-components/Background/Background.vue
+++ b/src/additional-components/Background/Background.vue
@@ -39,6 +39,7 @@ const background = computed(() => {
 
 // when there are multiple flows on a page we need to make sure that every background gets its own pattern.
 const patternId = `pattern-${Math.floor(Math.random() * 100000)}`
+const bgColor = computed(() => (props.color ? props.color : defaultColors[props.variant || BackgroundVariant.Dots]))
 </script>
 <template>
   <svg
@@ -58,7 +59,7 @@ const patternId = `pattern-${Math.floor(Math.random() * 100000)}`
     >
       <template v-if="props.variant === BackgroundVariant.Lines">
         <path
-          :stroke="props.color ? props.color : defaultColors[props.variant || BackgroundVariant.Dots]"
+          :stroke="bgColor"
           :stroke-width="props.size"
           :d="`M${background.scaledGap / 2} 0 V${background.scaledGap} M0 ${background.scaledGap / 2} H${background.scaledGap}`"
         />