From a01faa50a0cd724b85c8135990d212e2ccdeadec Mon Sep 17 00:00:00 2001
From: kudo-sync-bot <auto-sync@kudoai.com>
Date: Sat, 21 Dec 2024 05:39:34 -0800
Subject: [PATCH] =?UTF-8?q?Replaced=20`chatgpt.isDarkMode()`=20w/=20`env.s?=
 =?UTF-8?q?cheme`=20=E2=86=9E=20[auto-sync=20from=20https://github.com/Kud?=
 =?UTF-8?q?oAI/chatgpt.js-chrome-starter]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 starters/chrome/extension/content.js |  3 +++
 starters/chrome/extension/lib/dom.js | 11 +++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/starters/chrome/extension/content.js b/starters/chrome/extension/content.js
index c354077df..d97f0f68e 100644
--- a/starters/chrome/extension/content.js
+++ b/starters/chrome/extension/content.js
@@ -14,6 +14,9 @@
 
     // Import APP data
     const { app } = await chrome.storage.sync.get('app')
+
+    // Export DEPENDENCIES to imported resources
+    dom.dependencies.import({ env }) // for env.scheme
     modals.dependencies.import({ app, env }) // for app data + env.scheme
 
     // Add CHROME MSG listener
diff --git a/starters/chrome/extension/lib/dom.js b/starters/chrome/extension/lib/dom.js
index 69bb0cba7..3310e0f57 100644
--- a/starters/chrome/extension/lib/dom.js
+++ b/starters/chrome/extension/lib/dom.js
@@ -1,4 +1,10 @@
 window.dom = {
+
+    dependencies: {
+        import(dependencies) { // { env) }
+            for (const name in dependencies) this[name] = dependencies[name] }
+    },
+
     create: {
         elem(elemType, attrs = {}) {
             const elem = document.createElement(elemType)
@@ -13,14 +19,15 @@ window.dom = {
         }
     },
 
-    fillStarryBG(targetNode) { // requires https://assets.aiwebextensions.com/styles/css/<black|white>-rising-stars.min.css
+    fillStarryBG(targetNode) { // requires https://assets.aiwebextensions.com/styles/rising-stars/css/<black|white>.min.css
+        if (targetNode.querySelector('[id*=stars]')) return
         const starsDivsContainer = document.createElement('div')
         starsDivsContainer.style.cssText = 'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
           + 'height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;' // bound innards exactly by targetNode
           + 'z-index: -1'; // allow interactive elems to be clicked
         ['sm', 'med', 'lg'].forEach(starSize => {
             const starsDiv = document.createElement('div')
-            starsDiv.id = `${ chatgpt.isDarkMode() ? 'white' : 'black' }-stars-${starSize}`
+            starsDiv.id = `${ this.dependencies.env.scheme == 'dark' ? 'white' : 'black' }-stars-${starSize}`
             starsDivsContainer.append(starsDiv)
         })
         targetNode.prepend(starsDivsContainer)