fix: css issue

Author: DESKTOP-939248N\apple

docs/test.html

@@ -36,10 +36,10 @@
     }
 
     @media (prefers-color-scheme: dark) {
-         :not([theme="light"]) .background\:black\:dark {
-            background: black;
+        html:not([theme="light"]) *.background\:black\:dark {
+            background: red;
         }
-         :not([theme="light"]) .color\:white\:dark {
+        html:not([theme="light"]) *.color\:white\:dark {
             color: white;
         }
     }

src/index.js

@@ -129,7 +129,7 @@ const makeRuleForTheme = (className) => {
     [style, value, theme] = className.split(':');
     if (theme == 'dark' || theme == 'light') {
         let rule = '[theme="' + theme + '"] .' + style + '\\:' + value + '\\:' + theme + ' {' + style + ':' + value + ';}';
-        let reverseRule = ':not([theme="' + themes[1 - themes.indexOf(theme)] + '"]) .' + style + '\\:' + value + '\\:' + theme + ' {' + style + ':' + value + ';}';
+        let reverseRule = 'html:not([theme="' + themes[1 - themes.indexOf(theme)] + '"]) *.' + style + '\\:' + value + '\\:' + theme + ' {' + style + ':' + value + ';}';
         tempStyleList.push(rule);
         themeCSS[theme].push(reverseRule);
         return rule;