perf: 优化登陆页面的黑暗模式

packages/ui/certd-client/src/layout/layout-outside.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="userLayout" :class="['user-layout-wrapper']">
-    <div class="login-container flex justify-start">
+    <div class="login-container flex justify-start dark:background-[#141414]">
       <div class="user-layout-content flex-col justify-start">
         <div class="top flex flex-col items-center justify-start">
           <div class="header flex flex-row items-center">
@@ -59,6 +59,14 @@ const sysPublic: Ref<SysPublicSetting> = computed(() => {
 </script>
 
 <style lang="less">
+.dark {
+  .login-container {
+    background: #141414 !important;
+    .desc {
+      color: rgba(227, 227, 227, 0.45) !important;
+    }
+  }
+}
 #userLayout.user-layout-wrapper {
   height: 100%;
 

packages/ui/certd-client/src/style/scroll.less

@@ -18,8 +18,8 @@
   -webkit-border-radius: 4em;
   -moz-border-radius: 4em;
   border-radius: 4em;
-  background-color: #b3b3b3;
-  box-shadow: 0px 1px 1px #eee inset;
+  background-color: #757575;
+  
 }
 
 ::-webkit-scrollbar-thumb:hover {

packages/ui/certd-client/src/views/framework/home/dashboard/statistic-card.vue

@@ -74,6 +74,13 @@ function goDetail(link: any) {
 }
 </script>
 <style lang="less">
+.dark {
+  .data-item {
+    .header {
+      color: rgba(242, 242, 242, 0.85) !important;
+    }
+  }
+}
 .statistic-card {
   margin-bottom: 10px;
   .icon-text {

packages/ui/certd-client/src/views/framework/login/index.vue

@@ -311,6 +311,7 @@ export default defineComponent({
     .input-right {
       width: 160px;
       margin-left: 10px;
+      background: #cfcfcf !important;
     }
 
     .forge-password {