Improved dom.addRisingParticles()

± Added option to pass color of generated particles
± Shortened `particlesDivsContainer` to `particlesDivsWrapper` ↞ [auto-sync from https://github.com/adamlui/ai-web-extensions/tree/main/chatgpt-auto-refresh]

Author: kudo-sync-bot

chatgpt/chatgpt-auto-refresh/chatgpt-auto-refresh.user.js

@@ -220,7 +220,7 @@
 // @description:zu      *NGOKUPHEPHA* susa ukusetha kabusha ingxoxo yemizuzu eyi-10 + amaphutha enethiwekhi ahlala njalo + Ukuhlolwa kwe-Cloudflare ku-ChatGPT.
 // @author              Adam Lui
 // @namespace           https://github.com/adamlui
-// @version             2025.1.30.4
+// @version             2025.1.30.5
 // @license             MIT
 // @icon                https://assets.chatgptautorefresh.com/images/icons/openai/black/icon48.png?v=f11a0a8
 // @icon64              https://assets.chatgptautorefresh.com/images/icons/openai/black/icon64.png?v=f11a0a8
@@ -787,18 +787,21 @@
         return style
     }
 
-    function addRisingParticles(targetNode) { // requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<gray|white>.min.css
+    function addRisingParticles(targetNode, { lightScheme = 'gray', darkScheme = 'white' } = {}) {
+    // Requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<lightScheme|darkScheme>.min.css
+
         if (targetNode.querySelector('[id*=particles]')) return
-        const particlesDivsContainer = document.createElement('div')
-        particlesDivsContainer.style.cssText = 'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
+        const particlesDivsWrapper = document.createElement('div')
+        particlesDivsWrapper.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
+          + 'z-index: -1' ); // allow interactive elems to be clicked
         ['sm', 'med', 'lg'].forEach(particleSize => {
             const particlesDiv = document.createElement('div')
-            particlesDiv.id = `${ env.ui.scheme == 'dark' ? 'white' : 'gray' }-particles-${particleSize}`
-            particlesDivsContainer.append(particlesDiv)
+            particlesDiv.id = `${ env.ui.scheme == 'dark' ? darkScheme : lightScheme }-particles-${particleSize}`
+            particlesDivsWrapper.append(particlesDiv)
         })
-        targetNode.prepend(particlesDivsContainer)
+        targetNode.prepend(particlesDivsWrapper)
     }
 
     const toggles = {