diff --git a/src/global/registerElement.js b/src/global/registerElement.js
index cd6dc17..2701d85 100644
--- a/src/global/registerElement.js
+++ b/src/global/registerElement.js
@@ -13,6 +13,8 @@ import {
 
 const components = [ElButton, ElMessageBox, ElMessage, ElCard, ElInput, ElSelect, ElOption]
 
+document.querySelector('html').className = utools.isDarkColors() ? 'dark' : ''
+
 export default function registerElement(app) {
   components.forEach((c) => {
     let name = transferCamel(c.name)