修改样式

src/App.vue

@@ -57,6 +57,7 @@ export default {
     // 获取应用配置
     getLogo() {
       Member.getLogo().then(res => {
+        console.info(res)
         this.setAppConfig(res);
         this.setConfig();
       });
@@ -81,7 +82,7 @@ export default {
 @import './assets/scss/module/_module.scss';
 .home-bg {
 //   background: #172636 !important;
-  background: #dedede !important;
+  background: #fefff2 !important;
   border: none !important;
   // height: 100px;
   .nav-link {

src/assets/scss/base/_common.scss

@@ -314,7 +314,7 @@ $basew: 24;
     color: #5d5d6e;
 }
 .bg-panel {
-    background: #222e3d;
+    background: #e9e9e9;
 }
 .border-bottom {
     border-bottom: 1px solid #4e4e5d !important;
@@ -326,12 +326,12 @@ $basew: 24;
 .el-range-editor.is-active,
 .el-input.el-date-editor .el-input__inner:focus,
 .el-input.is-focus .el-input__inner {
-    background-color: #1e2834;
-    color: white;
+    background-color: white;
+    color: #172636;
     border-color: #4e4e5d;
     &:focus {
-        background-color: #1e2834;
-        color: white;
+        background-color: white;
+        color: #172636;
     }
     &::-webkit-input-placeholder {
         color: #6c757d;
@@ -352,7 +352,7 @@ $basew: 24;
     color: #999;
 }
 .table {
-    color: white;
+    color: #172636;
 }
 
 .nav-tabs,
@@ -380,10 +380,10 @@ $basew: 24;
 .stripe {
     tr {
         &:nth-of-type(2n) {
-            background-color: #222e3d;
+            background-color: #e9e9e9;
         }
         &:nth-of-type(2n-1) {
-            background-color: #1e2834;
+            background-color: #e9e9e9;
         }
         td{
             border-top-color: transparent;
@@ -398,7 +398,7 @@ $basew: 24;
                 }
             }
             &:hover{
-                background-color: #141e2c;
+                background-color: #e9e9e9;
             }
         }
         

src/assets/scss/base/_init.css

@@ -0,0 +1,55 @@
+body {
+  font-family: "Overpass", sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #172636;
+  background: #f4f5e6;
+  font-weight: 400;
+}
+
+ul,
+ol {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+a, a:hover {
+  text-decoration: none;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+thead tr th {
+  padding: 8px 15px !important;
+}
+
+thead th {
+  color: #172636;
+  font-size: 13px;
+  font-weight: 600;
+  border: 0 !important;
+}
+
+tbody tr {
+  color: inherit;
+}
+
+tbody tr:hover {
+  background: #141e2c;
+}
+
+::-webkit-scrollbar {
+  background: transparent;
+  width: 3px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.07);
+  border: solid rgba(88, 88, 88, 0.12) 2px;
+  border-radius: 5px;
+}

src/assets/scss/base/_init.min.css

@@ -0,0 +1 @@
+body{font-family:"Overpass", sans-serif;font-size:14px;line-height:1.5;color:#172636;background:#f4f5e6;font-weight:400}ul,ol{margin:0;padding:0;list-style:none}a,a:hover{text-decoration:none}img{max-width:100%;height:auto}thead tr th{padding:8px 15px !important}thead th{color:#172636;font-size:13px;font-weight:600;border:0 !important}tbody tr{color:inherit}tbody tr:hover{background:#141e2c}::-webkit-scrollbar{background:transparent;width:3px;height:6px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.07);border:solid rgba(88,88,88,0.12) 2px;border-radius:5px}

src/assets/scss/base/_init.scss

@@ -3,8 +3,8 @@ body {
 	font-family: "Overpass", sans-serif;
 	font-size: 14px;
 	line-height: 1.5;
-	color:white;
-	background: #141e2c;
+	color:#172636;
+	background: #f4f5e6;
 	font-weight: 400;
 }
 
@@ -29,7 +29,7 @@ thead tr th {
 }
 
 thead th {
-	color: #758696;
+	color: #172636;
 	font-size: 13px;
 	font-weight: 600;
 	border: 0 !important;
@@ -53,4 +53,4 @@ tbody tr:hover {
 	background: rgba(0, 0, 0, 0.07);
 	border: solid rgba(88, 88, 88, 0.12) 2px;
 	border-radius: 5px;
-}
+}

src/assets/scss/layout/_header.css

@@ -38,7 +38,7 @@
 }
 
 #common-header {
-  background: #dedede !important;
+  background: #fefff2 !important;
   color: #172636;
 }
 

src/assets/scss/layout/_header.min.css

@@ -1 +1 @@
-@keyframes pulse{0%{opacity:1;width:7px;height:7px;left:0;top:0}95%{opacity:0.1;left:-10.5px;top:-10.5px;width:28px;height:28px}100%{opacity:0;width:7px;height:7px;left:0;top:0}}@keyframes slideIn{0%{transform:translateY(1rem);opacity:0}100%{transform:translateY(0rem);opacity:1}0%{transform:translateY(1rem);opacity:0}}#common-header{background:#dedede !important;color:#172636}header nav a{color:inherit}header nav a:hover{color:#c99445}header .navbar-brand{padding:0}header .navbar-brand img{height:45px}.navbar-expand-lg .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}header nav .nav-item.active a{color:#c99445}header .nav-link.btn{padding:5px 0}.circle-pulse{background:#0089ff;width:7px;height:7px;border-radius:50%;position:absolute;right:12px;top:12px}.circle-pulse:after{background-color:#0089ff;content:"";display:table;border-radius:50%;position:absolute;animation-name:pulse;animation-duration:0.9s;animation-iteration-count:infinite;animation-timing-function:ease-out}.header-custom-icon .nav-link{line-height:0;margin-top:6px}.dropdown-item{color:#18214d;font-size:14px}.dropdown-item:focus,.dropdown-item:active{background-color:#f8f9fa;color:#16181b}.header-img-icon .nav-link.dropdown-toggle{padding-right:0}.header-custom-icon a:after,.header-img-icon a:after{display:none}.header-custom-icon .dropdown-menu,.header-img-icon .dropdown-menu{padding:0;margin-top:8px}.dropdown-menu{max-width:280px;position:absolute;right:0;left:auto;border-radius:5px;margin-top:12px;border:1px solid #f2f4f9;box-shadow:rgba(0,0,0,0.2) 0px 2px 14px -6px;animation-duration:0.3s;animation-fill-mode:both;animation-name:slideIn}.dropdown-menu::before{content:"";width:13px;height:13px;background:#fff;position:absolute;top:-8px;right:5%;transform:rotate(45deg);border-top:1px solid #f2f4f9;border-left:1px solid #f2f4f9;z-index:-1}.dropdown-menu p{color:#18214d;font-weight:600}.dropdown-menu a:hover{text-decoration:none}.dropdown-menu a.text-muted:hover{color:#007bff !important}.header-img-icon .nav-link img{width:30px}.header-custom-icon i{font-size:20px;color:#758696}.dropdown-header{padding:12px 20px;font-size:13px;border-bottom:1px solid #f2f4f9}.dropdown-body{padding:5px;max-height:290px;position:relative;overflow-y:auto}.dropdown-body .dropdown-item{display:flex;align-items:center;padding:9px 16px}.dropdown-body .dropdown-item .content{margin-left:15px;width:200px;white-space:normal}.dropdown-item .icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f7f7f7}.dropdown-body .dropdown-item .content p{margin:0;font-size:13px;font-weight:400}.dropdown-body .dropdown-item .content p.sub-text{font-size:12px}.dropdown-footer{padding:10px 20px;border-top:1px solid #f2f4f9;font-size:14px}.dropdown-item:nth-child(1) .icon{background:rgba(114,124,245,0.1)}.dropdown-item:nth-child(1) .icon i{color:#727cf5}.dropdown-item:nth-child(2) .icon{background:rgba(255,51,102,0.1)}.dropdown-item:nth-child(2) .icon i{color:#ff5680}.dropdown-item:nth-child(3) .icon{background:rgba(102,209,209,0.1)}.dropdown-item:nth-child(3) .icon i{color:#66d1d1}.dropdown-item:nth-child(4) .icon{background:rgba(251,188,6,0.1)}.dropdown-item:nth-child(4) .icon i{color:#fbbc06}.dropdown-item:nth-child(5) .icon{background:rgba(16,183,89,0.1)}.dropdown-item:nth-child(5) .icon i{color:#10b759}.header-img-icon .dropdown-header{padding:0px 20px}.header-img-icon .profile-nav .nav-item .nav-link{font-size:14px;padding:5px 20px}.header-img-icon .profile-nav{padding-bottom:11px}.header-img-icon .profile-nav .nav-item .nav-link:hover{color:#18214d;background-color:#f8f9fa}.header-img-icon .profile-nav .nav-item .nav-link.red{color:#f74745}.header-img-icon .profile-nav .nav-item .nav-link.red:hover{color:#f74745 !important}.header-img-icon .dropdown-body{padding:10px 0 0}.header-img-icon .dropdown-header .name{font-size:16px}.header-img-icon .dropdown-header{padding:20px 20px 0}.header-img-icon .profile-nav .nav-item .nav-link i{margin-right:15px}
+@keyframes pulse{0%{opacity:1;width:7px;height:7px;left:0;top:0}95%{opacity:0.1;left:-10.5px;top:-10.5px;width:28px;height:28px}100%{opacity:0;width:7px;height:7px;left:0;top:0}}@keyframes slideIn{0%{transform:translateY(1rem);opacity:0}100%{transform:translateY(0rem);opacity:1}0%{transform:translateY(1rem);opacity:0}}#common-header{background:#fefff2 !important;color:#172636}header nav a{color:inherit}header nav a:hover{color:#c99445}header .navbar-brand{padding:0}header .navbar-brand img{height:45px}.navbar-expand-lg .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}header nav .nav-item.active a{color:#c99445}header .nav-link.btn{padding:5px 0}.circle-pulse{background:#0089ff;width:7px;height:7px;border-radius:50%;position:absolute;right:12px;top:12px}.circle-pulse:after{background-color:#0089ff;content:"";display:table;border-radius:50%;position:absolute;animation-name:pulse;animation-duration:0.9s;animation-iteration-count:infinite;animation-timing-function:ease-out}.header-custom-icon .nav-link{line-height:0;margin-top:6px}.dropdown-item{color:#18214d;font-size:14px}.dropdown-item:focus,.dropdown-item:active{background-color:#f8f9fa;color:#16181b}.header-img-icon .nav-link.dropdown-toggle{padding-right:0}.header-custom-icon a:after,.header-img-icon a:after{display:none}.header-custom-icon .dropdown-menu,.header-img-icon .dropdown-menu{padding:0;margin-top:8px}.dropdown-menu{max-width:280px;position:absolute;right:0;left:auto;border-radius:5px;margin-top:12px;border:1px solid #f2f4f9;box-shadow:rgba(0,0,0,0.2) 0px 2px 14px -6px;animation-duration:0.3s;animation-fill-mode:both;animation-name:slideIn}.dropdown-menu::before{content:"";width:13px;height:13px;background:#fff;position:absolute;top:-8px;right:5%;transform:rotate(45deg);border-top:1px solid #f2f4f9;border-left:1px solid #f2f4f9;z-index:-1}.dropdown-menu p{color:#18214d;font-weight:600}.dropdown-menu a:hover{text-decoration:none}.dropdown-menu a.text-muted:hover{color:#007bff !important}.header-img-icon .nav-link img{width:30px}.header-custom-icon i{font-size:20px;color:#758696}.dropdown-header{padding:12px 20px;font-size:13px;border-bottom:1px solid #f2f4f9}.dropdown-body{padding:5px;max-height:290px;position:relative;overflow-y:auto}.dropdown-body .dropdown-item{display:flex;align-items:center;padding:9px 16px}.dropdown-body .dropdown-item .content{margin-left:15px;width:200px;white-space:normal}.dropdown-item .icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f7f7f7}.dropdown-body .dropdown-item .content p{margin:0;font-size:13px;font-weight:400}.dropdown-body .dropdown-item .content p.sub-text{font-size:12px}.dropdown-footer{padding:10px 20px;border-top:1px solid #f2f4f9;font-size:14px}.dropdown-item:nth-child(1) .icon{background:rgba(114,124,245,0.1)}.dropdown-item:nth-child(1) .icon i{color:#727cf5}.dropdown-item:nth-child(2) .icon{background:rgba(255,51,102,0.1)}.dropdown-item:nth-child(2) .icon i{color:#ff5680}.dropdown-item:nth-child(3) .icon{background:rgba(102,209,209,0.1)}.dropdown-item:nth-child(3) .icon i{color:#66d1d1}.dropdown-item:nth-child(4) .icon{background:rgba(251,188,6,0.1)}.dropdown-item:nth-child(4) .icon i{color:#fbbc06}.dropdown-item:nth-child(5) .icon{background:rgba(16,183,89,0.1)}.dropdown-item:nth-child(5) .icon i{color:#10b759}.header-img-icon .dropdown-header{padding:0px 20px}.header-img-icon .profile-nav .nav-item .nav-link{font-size:14px;padding:5px 20px}.header-img-icon .profile-nav{padding-bottom:11px}.header-img-icon .profile-nav .nav-item .nav-link:hover{color:#18214d;background-color:#f8f9fa}.header-img-icon .profile-nav .nav-item .nav-link.red{color:#f74745}.header-img-icon .profile-nav .nav-item .nav-link.red:hover{color:#f74745 !important}.header-img-icon .dropdown-body{padding:10px 0 0}.header-img-icon .dropdown-header .name{font-size:16px}.header-img-icon .dropdown-header{padding:20px 20px 0}.header-img-icon .profile-nav .nav-item .nav-link i{margin-right:15px}

src/assets/scss/layout/_header.scss

@@ -38,7 +38,7 @@
 }
 #common-header{
 //   background: #172636;
-    background: #dedede !important;
+    background: #fefff2 !important;
     // color: white;
     color:#172636;
 }

src/assets/scss/module/_contact-us.css

@@ -0,0 +1,5 @@
+.contact-us-page .form-content {
+  background: #cfd6df url("~@/assets/img/concat_us.png");
+  background-size: cover;
+  max-width: 700px;
+}

src/assets/scss/module/_contact-us.min.css

@@ -0,0 +1 @@
+.contact-us-page .form-content{background:#cfd6df url("~@/assets/img/concat_us.png");background-size:cover;max-width:700px}

src/assets/scss/module/_contact-us.scss

@@ -3,10 +3,10 @@
     .light-purple{
     }
     .form-content{
-        background:#222e3d url('~@/assets/img/concat_us.png');
+        background:#cfd6df url('~@/assets/img/concat_us.png');
         background-size: cover;
         max-width: 700px;
     }
 
   
-}
+}

src/assets/scss/module/_contract.scss

@@ -99,7 +99,8 @@
 
 .dark-app {
     $header: #2b2839;
-    $page-bg: #141e2c;
+    // $page-bg: #141e2c;
+    $page-bg: #e9e9e9;
     $head: #1e2834;
     $panel:#222e3d;
     $panel-1: #455c71;

src/assets/scss/module/_home.scss

@@ -313,7 +313,8 @@ textarea:focus {
 */
 .new-ticker-block-section {
   padding: 60px 0 60px 0;
-  background:#141e2c;
+//   background:#141e2c;
+  background:#fefff2;
 }
 
 .new-ticker-block-section .coin-list th,
@@ -458,19 +459,19 @@ textarea:focus {
 }
 
 .coin-list tbody tr {
-  background: #222e3d;
+  background: #fefff2;
   transition: all .3s;
 
   &:nth-of-type(2n) {
-    background: #1e2834;
+    background: #fefff2;
   }
 }
 
 .coin-list tbody tr:hover {
-  background: #222e3d;
+  background: #fefff2;
 
   &:nth-of-type(2n) {
-    background:#1e2834;
+    background:#fefff2;
   }
 
   box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
@@ -1308,7 +1309,7 @@ textarea:focus {
     font-size: 40px;
     font-family: PingFang SC;
     font-weight: 800;
-    color: #fff;
+    color: #172636;
     text-align: center;
     margin-bottom: 40px;
   }
@@ -3720,7 +3721,7 @@ sub.transmoney-value {
 |----------------------------------------------------------------------------
 */
 .footer {
-  background: #172636;
+  background: #fefff2;
 }
 
 .footer-upper-section {
@@ -3737,7 +3738,7 @@ sub.transmoney-value {
 .footer-info-list>h4 {
   font-size: 19px;
   font-weight: 700;
-  color: #fff;
+  color: #172636;
   margin-bottom: 40px;
 }
 
@@ -4064,4 +4065,4 @@ sub.transmoney-value {
   .setion-title-two{
     margin-top: 40px;
   }
-}
+}

src/assets/scss/module/_option.scss

@@ -107,7 +107,7 @@
 }
 .dark-app {
     $header: #2b2839;
-    $page-bg: #141e2c;
+    $page-bg: #e9e9e9;
     $head: #1e2834;
     $panel:#222e3d;
     $panel-1: #455c71;
@@ -226,4 +226,4 @@
         border-color: $border;
     }
    
-}
+}

src/assets/scss/module/_subscride.css

@@ -0,0 +1,6 @@
+.subscride-page {
+  background-color: #f4f5e6;
+  margin-bottom: -48px;
+  color: #172636;
+  padding: 1px 0;
+}

src/assets/scss/module/_subscride.min.css

@@ -0,0 +1 @@
+.subscride-page{background-color:#f4f5e6;margin-bottom:-48px;color:#172636;padding:1px 0}

src/assets/scss/module/_subscride.scss

@@ -1,6 +1,6 @@
 .subscride-page{
-    background-color: #2c2c3a;
+    background-color: #f4f5e6;
     margin-bottom: -48px;
-    color: white;
+    color: #172636;
     padding: 1px 0;
-}
+}

src/components/CommonFooter.vue

@@ -224,7 +224,7 @@ export default {
       .logo{
         display: flex;
         align-items: center;
-        color: white;
+        color: #172636;
         justify-content: space-between;
         width: 100%;
         font-size: 16px;
@@ -245,6 +245,7 @@ export default {
         padding: 0 15px;
         .item_p{
           font-size: 16px;
+          color: #172636;
         }
       }
       .item1{

src/components/SecondaryNav.vue

@@ -204,7 +204,7 @@ export default {
 
     @include flexible(row, center, center);
     // background: #f5f9fc;
-    background : #222e3d;
+    background : #e9e9e9;
 
     .SecondaryNavWidth {
         width: 1280px;

src/components/ThemeChange.vue

@@ -19,7 +19,7 @@ export default {
       theme: "theme"
     }),
     isCheck() {
-      return this.theme == "dark";
+      return this.theme == "light";
     }
   },
   methods: {
@@ -38,4 +38,4 @@ export default {
   },
   created() {}
 };
-</script>
+</script>

src/views/home/index.vue

@@ -808,8 +808,8 @@ path{
 
 .news {
   // height: 720px;
-  background-color: #2c2c38;
-  color: white;
+  background-color: #f4f5e6;
+  color: #172636;
   padding: 80px 0 0;
   header {
     height: 38px;
@@ -921,7 +921,8 @@ path{
   // border: 1px solid red;
   .markets__title {
     line-height: 55px;
-    color: white;
+    // color: white;
+    color:#172636;
     font-size: 24px;
     padding-left: 15px;
   }
@@ -1201,7 +1202,7 @@ path{
   margin-left: 22px;
 }
 .table_th{
-  background-color: #222E3E;
+  background-color: #fefff2;
   text-align: center;
   color: #9B9B9B;
 }
@@ -1326,7 +1327,7 @@ path{
   }
 }
 .colto-section{
-  background: #222E3E;
+  background: #f4f5e6;
 }
 .container_button{
   background: #3553D2 ;

src/views/purchase/index.vue

@@ -458,6 +458,9 @@ export default {
 </script>
 
 <style lang='scss' scoped>
+.table tr:hover{
+    background: #e9e9e9 !important;
+}
 /deep/ {
   .el-step__icon {
     background: #222e3d;

src/views/wallet/exchange-assets.vue

@@ -716,11 +716,12 @@ created() {
 }
 .table {
   tr {
+    color: #172636;
     &:nth-of-type(2n-1) {
-      background-color: #222e3d;
+      background-color: #e9e9e9;
     }
     &:nth-of-type(2n) {
-      background-color: #1e2834;
+      background-color: #e9e9e9;
     }
   }
 }

src/vuex/store.js

@@ -5,7 +5,7 @@ Vue.use(Vuex)
 
 const store = new Vuex.Store({
     state: {
-        theme: localStorage.theme || 'dark',
+        theme: localStorage.theme || 'light',
         // 获取应用配置
         appConfig: (() => {
             if (localStorage.appConfig) {

static/css/style.css

@@ -7,7 +7,7 @@ body {
     font-family: "Overpass", sans-serif;
     font-size: 14px;
     line-height: 1.5;
-    color: #18214D;
+    color: #172636;
     background: #FFFFFF;
     font-weight: 400;
 }
@@ -2068,4 +2068,4 @@ tbody.ob-heading {
     .markets-capital-item {
         height: 91.4%;
     }
-}
+}