fix: theme style node order

daief · May 21, 2023 · e48eedf · e48eedf
1 parent 0202bb0
commit e48eedf
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/shared/style-manager.ts b/src/shared/style-manager.ts
@@ -82,15 +82,20 @@ export class StyleManager {
     };
     item.count++;
     this.themeMap.set(theme.name, item);
-    if (!item.styleNode && isBrowser) {
-      item.styleNode = document.createElement('style');
-      document.head.append(item.styleNode);
-    }
 
     if (!item.className) {
       item.className = CLASSNAME_UNIQUE + '_' + theme.name;
     }
 
+    if (!item.styleNode && isBrowser) {
+      item.styleNode = document.createElement('style');
+      try {
+        this.styleNode?.before(item.styleNode);
+      } catch (error) {
+        console.warn(`insert theme [${item.className}] error:`, error);
+      }
+    }
+
     const themeCss = `.${item.className}{${themeToCss(theme)}}`;
     item.css = themeCss;