From 48d5f94c6013f4a15d323c2041f70b480f95f594 Mon Sep 17 00:00:00 2001
From: Stephanie Smith <stephanie.c.smith@jpl.nasa.gov>
Date: Thu, 19 Sep 2024 16:55:19 -0700
Subject: [PATCH] adjusting color overrides to match marker css

---
 .../edu/PageEduExplainerArticle/PageEduExplainerArticle.vue   | 4 ++--
 .../edu/PageEduGalleryDetail/PageEduGalleryDetail.vue         | 4 ++--
 .../edu/PageEduStudentProject/PageEduStudentProject.vue       | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/vue/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue b/packages/vue/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue
index 254b9e1b..31ac692b 100644
--- a/packages/vue/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue
+++ b/packages/vue/src/templates/edu/PageEduExplainerArticle/PageEduExplainerArticle.vue
@@ -231,8 +231,8 @@ export default defineComponent({
   .BlockText {
     ul {
       li {
-        &::before {
-          @apply bg-secondary;
+        &::marker {
+          @apply text-secondary;
         }
       }
     }
diff --git a/packages/vue/src/templates/edu/PageEduGalleryDetail/PageEduGalleryDetail.vue b/packages/vue/src/templates/edu/PageEduGalleryDetail/PageEduGalleryDetail.vue
index 301786cc..e138564a 100644
--- a/packages/vue/src/templates/edu/PageEduGalleryDetail/PageEduGalleryDetail.vue
+++ b/packages/vue/src/templates/edu/PageEduGalleryDetail/PageEduGalleryDetail.vue
@@ -260,8 +260,8 @@ const { data } = reactive(props)
   .BlockText {
     ul {
       li {
-        &::before {
-          @apply bg-secondary;
+        &::marker {
+          @apply text-secondary;
         }
       }
     }
diff --git a/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.vue b/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.vue
index c81be0de..35a8251f 100644
--- a/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.vue
+++ b/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.vue
@@ -451,9 +451,9 @@ const computedClass = computed((): string => {
   .BlockText {
     ul {
       li {
-        &::before {
+        &::marker {
           // intentionally using a specific red
-          @apply bg-jpl-red;
+          @apply text-jpl-red;
         }
       }
     }