Dollar sign in generate challenge

src/views/GenerateChallengesView.vue

@@ -15,7 +15,14 @@ import MainLayout from "@/components/MainLayout.vue";
 import {useSavingChallengeStore} from "@/stores/savingChallenge.js";
 import {computed, nextTick, onMounted, ref} from "vue";
 import {Button} from "@/components/ui/button/index.js";
+import PinkSBg from "@/assets/PinkThemeAssets/PinkSBg.png";
+import GreenSBg from "@/assets/GreenThemeAssets/GreenSBg.png";
+import { useThemeStore } from "@/stores/theme.js";
 
+/**
+ * Theme for the current dashboard view.
+ */
+const theme = useThemeStore().theme;
 
 /**
  * The store for the saving challenges
@@ -63,6 +70,8 @@ const refreshChallenges = async () => {
 
 <template>
   <MainLayout>
+    <img v-if="theme === 'theme1'" :src="PinkSBg" alt="Pink S background" class="absolute md:top-80 top-60 left-0 z-[-1] w-72 h-72" />
+    <img v-else-if="theme === 'theme2'" :src="GreenSBg" alt="Green S background" class="absolute md:top-40 top-80 left-0 z-[-1] w-72 h-72" />
     <div v-if="loading" class="px-2.5 flex flex-col items-center mt-10 pt-7">
       <h1 class="pt-7 pb-8 text-2xl">Laster inn...</h1>
       <img src="../assets/Loading/Loading.gif" alt="Loading" class="w-1/4 h-auto md:w-1/6"/>