默认主题颜色弹窗

src/views/zzwcj/fingerprint.scss

@@ -67,16 +67,26 @@ $pichover: var(--pichover, #cccccc); //#909090 #D6DBE1 深浅主题hover变颜
 $pichoverShadow: var(--pichoverShadow , 0px 10px 20px 2px rgba(0, 21, 51, 0.08)); //默认hover为加阴影
 $picSelected: var(--picSelected ,#0060F0); //选中边框色
 $boxdesc: var(--boxdesc,#666660 ); //#dddddd #21272A
-$anaphoraBg: var(--anaphoraBg, #1b1b1b); // #D6DBE1
+$anaphoraBg: var(--anaphoraBg,#ffffff ); //#1b1b1b #D6DBE1  //补采的背景
+$bucai: var(--bucai,#ffffff); //补采两个字
 // 按钮
 $btnBorder: var(--btnBorder, #AEB5C2 ); //#464646 #979FA8
 $btnfontColor: var(--btnfontColor,#2E3846); // #efefef #343A3F
 $btnhover: var(--btnhover, #efefef); // #4A4E52
 // 弹出对话框
-$btndialogBg: var(--btndialogBg, #535353); // #E7EAEE
-$btndialogTitle: var(--btndialogTitle, #ffc005); // #323942
-$btndialogbodyBg: var(--btndialogbodyBg, #3f3f3f); // #CCD2D8
-$btndialogbodyTxt: var(--btndialogbodyTxt, #dddddd); // #222222
+$btndialogBg: var(--btndialogBg,#F6F8FA ); //#535353 #E7EAEE
+$btndialogTitle: var(--btndialogTitle,#333333 ); //#ffc005 #323942
+$btndialogbodyBg: var(--btndialogbodyBg,#ffffff ); //#3f3f3f #CCD2D8
+$btndialogbodyTxt: var(--btndialogbodyTxt,#282F3C ); //#dddddd #222222
+$btndialogPrimary:var(--btndialogPrimary,#282f3c);//是
+$btndialogPrimaryHover:var(--btndialogPrimaryHover,#0060f0);
+$btndialogPrimaryHoverBorder:var(--btndialogPrimaryHoverBorder,#0060f0);
+$btndialogPrimaryBg:var(--btndialogPrimaryBg,#ffffff);
+$btndialogDefault: var(--btndialogDefault,#ffffff);//否
+$btndialogDefaultBg:var(--btndialogDefaultBg,#0060F0);
+$btndialogDefaultBgHover:var(--btndialogDefaultBgHover,#377FEC);
+$btndialogDefaultHoverBorder:var(--btndialogDefaultHoverBorder,#377FE7);
+$btndialogBorder:var(--btndialogBorder,#AEB5C2);//是否的边框
 // 设置对话框
 $settingTitle: var(--settingTitle,#323232 ); //#333333 #323942
 $settingHeadBg: var(--settingHeadBg, #F6F8FA ); //#dddddd #E7EAEE
@@ -130,6 +140,9 @@ $lookingBg: var(--lookingBg, #fff);//#161712
 $dashBorder: var(--dashBorder ,#979797);
 $lookingBorder: var(--lookingBorder,#cccccc);
 // 上传时的边框
+$uploadingBg:var(--uploadingBg,#ffffff); //上传时背景
+$uploadingContentBorder:var(--uploadingContentBorder,#ffffff); //方块边框
+$uploadingProgressText: var(--uploadingProgressText, #333333);//百分比颜色
 $uploadingBorder: var(--uploadingBorder, 0); // 2px
 
 // el-dialog背景色
@@ -1272,7 +1285,7 @@ $versionColor: var(--versionColor, #000); // #000
                 font-family: HarmonyOS_Sans_SC;
                 font-weight: bold;
                 line-height: 20px;
-                color: #1b1b1b;
+                color: $bucai;
                 border-top-left-radius: 10px;
               }
               .score.fail {
@@ -1288,7 +1301,7 @@ $versionColor: var(--versionColor, #000); // #000
                 font-family: HarmonyOS_Sans_SC;
                 font-weight: bold;
                 line-height: 20px;
-                color: #1b1b1b;
+                color: $bucai;
                 border-top-left-radius: 10px;
               }
               .pic.fail {
@@ -1308,7 +1321,7 @@ $versionColor: var(--versionColor, #000); // #000
                   font-family: HarmonyOS_Sans_SC;
                   font-weight: bold;
                   line-height: 20px;
-                  color: #1b1b1b;
+                  color: $bucai;
                   border-top-left-radius: 10px;
                 }
                 img {
@@ -1336,7 +1349,7 @@ $versionColor: var(--versionColor, #000); // #000
                   font-family: HarmonyOS_Sans_SC;
                   font-weight: bold;
                   line-height: 20px;
-                  color: #1b1b1b;
+                  color: $bucai;
                   border-top-left-radius: 10px;
                 }
                 img {
@@ -1441,7 +1454,7 @@ $versionColor: var(--versionColor, #000); // #000
                   background: #e82510;
                   font-family: HarmonyOS_Sans_SC;
                   font-size: 12px;
-                  color: #000000;
+                  color: $bucai;
                   border-radius: 1px 0px 8px 0px;
                   border: 1px solid #e82510;
                   left: 0;
@@ -1466,6 +1479,14 @@ $versionColor: var(--versionColor, #000); // #000
         }
       }
       .btns-dialog {
+        /deep/.el-dialog__title {
+          font-size: 16px;
+          font-family: HarmonyOS_Sans_SC;
+          font-weight: 400;
+          line-height: 21px;
+          color: $btndialogTitle;
+          margin-left: 28px;
+        }
         /deep/ .el-dialog {
           border-radius: 6px 6px 0px 0px;
         }
@@ -1482,14 +1503,6 @@ $versionColor: var(--versionColor, #000); // #000
           padding: 0;
           margin: 0;
           box-sizing: border-box;
-          /deep/.el-dialog__title {
-            font-size: 16px;
-            font-family: HarmonyOS_Sans_SC;
-            font-weight: 400;
-            line-height: 21px;
-            color: $btndialogTitle;
-            margin-left: 28px;
-          }
           .el-dialog__headerbtn {
             top: 14px;
             right: 16px;
@@ -1515,39 +1528,55 @@ $versionColor: var(--versionColor, #000); // #000
           }
         }
         /deep/ .el-dialog__footer {
-          background-color: $btndialogbodyBg;
+          // background-color: $btndialogbodyBg;
           padding-bottom: 20px !important;
           padding-right: 20px !important;
           .dialog-footer {
             .el-button.el-button--default {
-              width: 30px;
-              height: 20px;
+              width: 88px;
+              height: 32px; 
+              border:1px solid $btndialogBorder;
+              border-radius: 18px;
+              background: $btndialogDefaultBg !important;
               span {
                 font-size: 15px;
                 font-family: HarmonyOS_Sans_SC;
                 font-weight: 400;
                 line-height: 20px;
-                color: $btndialogbodyTxt;
+                color: $btndialogDefault;
+               
               }
             }
             .el-button.el-button--primary {
-              width: 88px;
-              height: 32px;
-              background: $btndialogBg;
+              width: 88px !important;
+              height: 32px !important;
+              background: $btndialogPrimaryBg;
               opacity: 1;
-              border: none;
+              // border: none;
               border-radius: 18px;
+              border:1px solid $btndialogBorder;
               span {
                 cursor: pointer;
                 font-size: 15px;
                 font-family: HarmonyOS_Sans_SC;
                 font-weight: 400;
                 line-height: 20px;
-                color: $btndialogbodyTxt;
+                color: $btndialogPrimary;
               }
             }
             .el-button.el-button--primary:hover {
-              border: 1px solid $btndialogbodyTxt;
+              border: 1px solid $btndialogPrimaryHoverBorder;
+              span{
+                color:$btndialogPrimaryHover
+              }
+
+            }
+            .el-button.el-button--default:hover {
+              border: 1px solid $btndialogDefaultHoverBorder;
+              background:$btndialogDefaultBgHover !important
+              // span{
+              //   color:$btndialogDefaultBg
+              // }
             }
           }
         }
@@ -2386,12 +2415,12 @@ $versionColor: var(--versionColor, #000); // #000
           box-sizing: border-box;
           display: flex;
           align-items: center;
-          .el-dialog__title {
+          /deep/.el-dialog__title {
             font-size: 16px;
             font-family: HarmonyOS_Sans_SC;
             font-weight: 400;
             line-height: 21px;
-            color: $settingTitle;
+            color: $btndialogTitle;
           }
           .el-dialog__headerbtn {
             display: none;
@@ -2657,6 +2686,14 @@ $versionColor: var(--versionColor, #000); // #000
     /deep/ .el-dialog {
       border-radius: 6px 6px 0px 0px;
     }
+    /deep/.el-dialog__title {
+      padding-left: 20px;
+      font-size: 16px;
+      font-family: HarmonyOS_Sans_SC;
+      font-weight: 400;
+      line-height: 21px;
+      color: $btndialogTitle !important;
+    }
     /deep/ .el-dialog__header {
       width: 480px;
       height: 39px;
@@ -2670,14 +2707,7 @@ $versionColor: var(--versionColor, #000); // #000
       padding: 0;
       margin: 0;
       box-sizing: border-box;
-      .el-dialog__title {
-        padding-left: 20px;
-        font-size: 16px;
-        font-family: HarmonyOS_Sans_SC;
-        font-weight: 400;
-        line-height: 21px;
-        color: $btndialogTitle;
-      }
+      
       .el-dialog__headerbtn {
         top: 14px;
         right: 16px;
@@ -2748,10 +2778,11 @@ $versionColor: var(--versionColor, #000); // #000
     justify-content: center;
     align-items: center;
     /deep/.el-progress__text {
-      color: #fff;
+      color: $uploadingProgressText;
     }
+    // .el-progress-circle
     /deep/.el-progress-circle__track {
-      stroke: #333;
+      stroke: #f66;
     }
     .pro {
       border: $uploadingBorder solid #26d31f;
@@ -2834,9 +2865,10 @@ $versionColor: var(--versionColor, #000); // #000
     .uploading-content {
       width: 480px;
       height: 286px;
-      background: #3f3f3f;
+      // background: #3f3f3f;
+      background:$uploadingBg;
       border-radius: 0px 0px 4px 4px;
-      border: 1px solid #535353;
+      border: 1px solid $uploadingContentBorder;
       display: flex;
       justify-content: center;
       align-items: center;