Merge pull request Tencent#307 from progrape/feature/dark

feat: 支持黑色主题
sunderls · Mar 5, 2020 · 5ccbcaa · 5ccbcaa
2 parents 8618c4f + 581302d
commit 5ccbcaa
Show file tree

Hide file tree

Showing 6 changed files with 198 additions and 59 deletions.
diff --git a/dist/vconsole.min.d.ts b/dist/vconsole.min.d.ts
@@ -11,6 +11,7 @@ declare module 'vconsole' {
     onClearLog?: () => void
     maxLogNumber?: number
     disableLogScrolling?: boolean
+    theme?: 'light' | 'dark'
   }
 
   /**

diff --git a/dist/vconsole.min.js b/dist/vconsole.min.js
diff --git a/src/core/core.js b/src/core/core.js
@@ -183,6 +183,11 @@ class VConsole {
 
     // remove from less to present transition effect
     $.one('.vc-mask', this.$dom).style.display = 'none';
+
+    // set theme
+    if (this.option.theme) {
+      this.$dom.setAttribute('data-theme', this.option.theme);
+    }
   };
 
   /**