fix: ui样式调整

src/components/OperationPage.vue

@@ -68,7 +68,7 @@ const onOperation = (typeName) => {
 
   .oper-text {
     font-size: 14px;
-    color: #DCDCDC;
+    color: var(--page-textsub-color);
     margin-top: 12px;
   }
 }

src/components/ResultPage.vue

@@ -270,7 +270,7 @@ onMounted(() => {
 
   .content {
     width: 100%;
-    background-color: #1e2022;
+    background-color: var(--el-fill-color-blank);
     margin-top: 14px;
     margin-bottom: 14px;
     overflow: hidden;
@@ -313,7 +313,7 @@ onMounted(() => {
 .right-bar {
   width: 78px;
   height: 100%;
-  background-color: #303234;
+  background-color: var(--el-fill-color-blank);
   overflow-y: auto;
 }
 
@@ -323,7 +323,7 @@ onMounted(() => {
   .history-box {
     height: 240px;
     width: 100%;
-    background-color: #1E2022;
+    background-color: var(--el-fill-color-blank);
     border-radius: 12px;
     margin-top: 14px;
     padding: 24px 10px 28px 10px;
@@ -338,7 +338,7 @@ onMounted(() => {
 
   .creat-time {
     font-size: 14px;
-    color: #DCDCDC;
+    color: var(--page-textsub-color);
     padding-top: 6px;
   }
 }

src/components/StyleSetting.vue

@@ -292,7 +292,7 @@ onMounted(() => {
   width: 100%;
   height: 54px;
   box-sizing: border-box;
-  background-color: #1E1F22;
+  background-color: var(--el-fill-color-blank);
   border-radius: 10px;
   border-width: 2px;
   text-align: center;
@@ -306,7 +306,7 @@ onMounted(() => {
   }
   .scale {
     font-size: 14px;
-    color: #DCDCDC;
+    color: var(--page-textsub-color);
   }
   .scale-name {
     margin-top: 5px;

src/styles/index.scss

@@ -41,12 +41,12 @@ h1,h2,h3,h4,h5,h6 {
   padding: 24px 0 11px;
   .title {
     font-size: 24px;
-    color: #777E90;
+    color: var(--page-text-color);
     font-weight: 500;
     line-height: 33px;
   }
 }
 .sub-title_style {
   font-size: 14px;
-  color: #DCDCDC;
+  color: var(--page-textsub-color);
 }

src/styles/theme.scss

@@ -1,17 +1,18 @@
 :root {
-  --el-input-bg-color: #1E1F22;
-  --el-fill-color-blank: #1E1F22;
-  --el-border-color: #1E1F22;
-  --el-color-primary:  #7852EC;
-  --el-border-color-hover: #7852EC;
-  --el-bg-color-overlay: #1E1F22;
-  --el-border-color-light: #1E1F22;
-  --el-text-color-regular: #DCDCDC;
-  --el-input-text-color: #DCDCDC;
-  --el-fill-color-light: #333;
-  --el-border-color-light: #E8E8E8;
-  --el-text-color-primary: #DCDCDC;
+  // --el-input-bg-color: #1E1F22;
+  --el-fill-color-blank: #ffffff;
+  // --el-border-color: #1E1F22;
+  // --el-color-primary:  #7852EC;
+  // --el-border-color-hover: #7852EC;
+  // --el-bg-color-overlay: #1E1F22;
+  // --el-border-color-light: #1E1F22;
+  // --el-text-color-regular: #DCDCDC;
+  // --el-input-text-color: #DCDCDC;
+  // --el-fill-color-light: #333;
+  // --el-border-color-light: #E8E8E8;
+  // --el-text-color-primary: #DCDCDC;
   // 自定义样式
-  --page-border-color: #353945;
-  --page-text-color: #DCDCDC;
+  --page-border-color: #ccc;
+  --page-text-color: #333;
+  --page-textsub-color: rgb(96, 98, 102)
 }

src/views/HomeView.vue

@@ -124,7 +124,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 .main {
   width: 100%;
-  background-color: #141416;
+  background-color: rgba(255, 255, 255);
   height: 100%;
 }