From 1162d67b33b818671657821b8177d4dc3567e090 Mon Sep 17 00:00:00 2001
From: "DESKTOP-939248N\\apple" <fivestar201212@gmail.com>
Date: Thu, 20 May 2021 04:18:54 +0900
Subject: [PATCH] fix: parsing issue

---
 docs/test.html | 8 +++++++-
 src/index.js   | 5 +++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/docs/test.html b/docs/test.html
index 27ae5f4..33cf8a0 100644
--- a/docs/test.html
+++ b/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"
diff --git a/src/index.js b/src/index.js
index dc563f2..6faa81d 100644
--- a/src/index.js
+++ b/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,6 +324,7 @@ const parseCSSForTheme = () => {
             initial += c + "\n";
         }
         initial += "}";
+        tempStyleList.push(initial);
     }
     if (themeCSS.light.length) {
         initial = "@media (prefers-color-scheme: light) {"
@@ -332,8 +332,9 @@ const parseCSSForTheme = () => {
             initial += c + "\n";
         }
         initial += "}";
+        tempStyleList.push(initial);
     }
-    tempStyleList.push(initial);
+
 }
 
 const parseClass = (classname) => {