fix: parsing issue

docs/test.html

@@ -49,8 +49,14 @@
     <div class="width:50%@300px-500px">
         <div class="background:black:dark">
             <h1 class="color:white:dark">hello how are you</h1>
+            <div class="width:50%@300px-500px">
+                <div class="background:black:dark background:blue:light">
+                    <h1 class="color:white:dark color:yellow:light">hello how are you</h1>
+                </div>
+                <a data-toggle="dark, light" data-toggle_target="[theme]" data-toggle_attribute="theme">Toggle Darkmode</a>
+            </div>
         </div>
-        <a data-toggle="dark, light" data-toggle_target="body" data-toggle_attribute="theme">Toggle Darkmode</a>
+        <a data-toggle="dark, light" data-toggle_target="[theme]" data-toggle_attribute="theme">Toggle Darkmode</a>
     </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"

src/index.js

@@ -271,7 +271,6 @@ const addParsingClassList = (classList) => {
     let re = /.+:.+/;
     let re_theme = /.+:.+:.+/;
     let hasChanged = false;
-
     for (let classname of classList) {
         if (re_theme.exec(classname)) {
             makeRuleForTheme(classname)
@@ -325,15 +324,17 @@ const parseCSSForTheme = () => {
             initial += c + "\n";
         }
         initial += "}";
+        tempStyleList.push(initial);
     }
     if (themeCSS.light.length) {
         initial = "@media (prefers-color-scheme: light) {"
         for (let c of themeCSS.light) {
             initial += c + "\n";
         }
         initial += "}";
+        tempStyleList.push(initial);
     }
-    tempStyleList.push(initial);
+
 }
 
 const parseClass = (classname) => {