fix: dark style

index.html

@@ -24,12 +24,14 @@
     </script>
     <div id="app">
       <style>
-        html[data-theme='dark'] .app-loading {
-          background-color: #2c344a;
-        }
+        html[data-theme="dark"] {
+          .app-loading {
+            background-color: #2c344a;
 
-        html[data-theme='dark'] .app-loading .app-loading-title {
-          color: rgb(255 255 255 / 85%);
+            .app-loading-title {
+              color: rgb(255 255 255 / 85%);
+            }
+          }
         }
 
         .app-loading {

src/components/Basic/src/BasicTitle.vue

@@ -72,10 +72,4 @@ const getClass = computed(() => [
     margin-left: 10px;
   }
 }
-
-html[data-theme="dark"] {
-  .@{prefix-cls} {
-    color: rgb(255 255 255 85%);
-  }
-}
 </style>

src/layouts/default/footer/index.vue

@@ -55,16 +55,6 @@ const getShowLayoutFooter = computed(() => {
 <style lang="less" scoped>
 @prefix-cls: ~'@{namespace}-layout-footer';
 
-html{
-  --normal-text:#b6b7b9;
-  --hover-text: rgb(0 0 0 / 85%);
-}
-
-html[data-theme="dark"] {
-  --normal-text:rgb(255 255 255 0.85);
-  --hover-text: rgb(0 0 0 / 85%);
-}
-
 .@{prefix-cls} {
   color: var(--normal-text);
   text-align: center;