get all class attributes from node

Author: DESKTOP-939248N\apple

docs/test.html

@@ -41,6 +41,20 @@
         <div class="background:black:dark">
             <h1 class="color:white:dark"></h1>
         </div>
+        <div class="background:black:white">
+            <h2></h2>
+            <span class="background:black:dark"></span>
+        </div>
+    </div>
+
+    <div theme="white">
+        <div class="background:black:dark">
+            <h1 class="color:white:dark"></h1>
+        </div>
+        <div class="background:black:white">
+            <h2></h2>
+            <span class="background:black:dark"></span>
+        </div>
     </div>
     <nav class="nav display:flex align-items:center background:whitesmoke padding-top:10px padding-bottom:10px" data-main_content_id="content" data-scroll="sticky-nav,hide-nav" data-scroll_up="10" data-scroll_down="10" data-collection="components" data-document_id="60395ef42b3ac232657040fd"
         name="html">

src/index.js

@@ -35,13 +35,13 @@ let parsedCSS = [];
 let tempStyleList = [];
 let concatCSS = [];
 let styleElSheet;
+let elementList = [];
 
 let newCSS = [];
 // event system
 let eventCallback = {};
 let details = {};
 
-
 const on = (event, callback) => {
     if (details[event])
         callback(parsedCSS);
@@ -94,9 +94,37 @@ const getParsedCss = () => {
 
     parsedCSS = tempStyleList;
     tempStyleList = [];
+
+    elements = document.querySelectorAll("[theme]");
+    for (let element of elements) {
+        elementList = [];
+        getAllChildElements(element);
+        console.log('me?', elementList);
+        addThemeClassList(element)
+    }
     return hasChange;
 }
 
+
+const getAllChildElements = (element) => {
+
+    if (element.hasChildNodes()) {
+        let children = element.childNodes;
+
+        for (let i = 0; i < children.length; i++) {
+            if (children[i].nodeName != '#text') {
+                if (children[i].hasAttribute('class'))
+                    elementList.push(children[i].className);
+                getAllChildElements(children[i]);
+            }
+        }
+    }
+}
+
+const addThemeClassList = (element) => {
+    for (let child of element.children) {}
+}
+
 const getWholeCss = () => {
     let stylesheetCSS = [];
     let hasChange = true;