From a9de6ba46ce85a43cc8f49fbfef337e53c145cba Mon Sep 17 00:00:00 2001
From: Stephanie Smith <stephanie.c.smith@jpl.nasa.gov>
Date: Wed, 28 Aug 2024 16:49:47 -0700
Subject: [PATCH] disabling dark background in iframe embeds for EDU

---
 .../src/components/BlockIframeEmbed/BlockIframeEmbed.vue   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/vue/src/components/BlockIframeEmbed/BlockIframeEmbed.vue b/packages/vue/src/components/BlockIframeEmbed/BlockIframeEmbed.vue
index dc73cd12..d42fda01 100644
--- a/packages/vue/src/components/BlockIframeEmbed/BlockIframeEmbed.vue
+++ b/packages/vue/src/components/BlockIframeEmbed/BlockIframeEmbed.vue
@@ -20,7 +20,7 @@
         v-if="data.url"
         class="print:border print:border-gray-dark"
         aspect-ratio="16:9"
-        dark-mode
+        :dark-mode="!themeStore.isEdu"
       >
         <div>
           <iframe
@@ -48,6 +48,8 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
+import { mapStores } from 'pinia'
+import { useThemeStore } from '../../store/theme'
 import BaseImageCaption from './../BaseImageCaption/BaseImageCaption.vue'
 import BaseImagePlaceholder from './../BaseImagePlaceholder/BaseImagePlaceholder.vue'
 
@@ -81,6 +83,9 @@ export default defineComponent({
         this.lazyNative = false
       }
     }
+  },
+  computed: {
+    ...mapStores(useThemeStore)
   }
 })
 </script>