diff --git a/components/company/company.vue b/components/company/company.vue
index 2935bf9..e100962 100644
--- a/components/company/company.vue
+++ b/components/company/company.vue
@@ -299,7 +299,7 @@
         .right {
           font-size: 28rpx;
           font-weight: 500;
-          color: #3274F9;
+          color: $theme-oa-color;
         }
       }
 
@@ -383,7 +383,7 @@
         .right {
           font-size: 28rpx;
           font-weight: 500;
-          color: #3274F9;
+          color: $theme-oa-color;
           line-height: 35rpx;
           display: flex;
           justify-content: center;
@@ -392,7 +392,7 @@
           .icon {
             width: 35rpx;
             height: 39rpx;
-            background-color: #3274F9;
+            background-color: $theme-oa-color;
             opacity: 1;
             margin-right: 10rpx
           }
@@ -423,7 +423,7 @@
   .back_btn {
     width: 694rpx;
     height: 84rpx;
-    background: #3274F9;
+    background: $theme-oa-color;
     border-radius: 42rpx 42rpx 42rpx 42rpx;
     display: flex;
     justify-content: center;
@@ -439,7 +439,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    color: #3274F9;
+    color: $theme-oa-color;
     background-color: transparent;
     margin: 30rpx auto;
   }
diff --git a/pages/oaLogin/oaLogin.vue b/pages/oaLogin/oaLogin.vue
index f3a3d2a..b276c15 100644
--- a/pages/oaLogin/oaLogin.vue
+++ b/pages/oaLogin/oaLogin.vue
@@ -226,7 +226,7 @@ import { Toast } from "../../libs/uniApi";
             }
 
             .get-code {
-              color: #3274F9;
+              color: $theme-oa-color;
             }
           }
 
@@ -239,7 +239,7 @@ import { Toast } from "../../libs/uniApi";
         .submit_btn {
           width: 613rpx;
           height: 112rpx;
-          background: #3274F9;
+          background: $theme-oa-color;
           border-radius: 56rpx 56rpx 56rpx 56rpx;
           opacity: 1;
           text-align: center;
diff --git a/subpkg/companyInfo/companyInfo.vue b/subpkg/companyInfo/companyInfo.vue
index c83ca77..d44cbd7 100644
--- a/subpkg/companyInfo/companyInfo.vue
+++ b/subpkg/companyInfo/companyInfo.vue
@@ -58,12 +58,6 @@
     onShow() {
       this.loadCompanyList();
     },
-    onReady() {
-      uni.setNavigationBarColor({
-        frontColor: '#ffffff',
-        backgroundColor: '#3175f9'
-      })
-    },
     onReachBottom() {
       this.loadCompanyList();
     },
@@ -129,7 +123,7 @@
     margin: 28rpx;
   }
   .active{
-    background: #3274F9;
+    background: $theme-oa-color;
     color: #fff;
   }
 }
@@ -161,7 +155,7 @@
       .info_type{
         font-size: 25rpx;
         font-weight: 500;
-        color: #3274F9;
+        color: $theme-oa-color;
         margin-top: 10rpx;
       }
       .btn{
diff --git a/subpkg/finance/finance.vue b/subpkg/finance/finance.vue
index 0a8e686..68c6b11 100644
--- a/subpkg/finance/finance.vue
+++ b/subpkg/finance/finance.vue
@@ -180,7 +180,7 @@ page{
   // background-color: #fff;
 }
 .finance_head{
-  background-color: #3274F9FF;
+  background-color: $theme-oa-color;
   height: 400rpx;
   position: relative;
   // box-shadow: 0 -10px 20px rgba(#fff, 0.9) inset;
@@ -279,24 +279,29 @@ page{
     background-color: #fff;
     padding: 32rpx 0;
     .type{
-      border-radius: 30rpx;
-      height: 52.5rpx;
+      height: 53rpx;
       width: 333rpx;
-      border: 1px solid #3274f9;
       display: flex;
       align-items: center;
       overflow: hidden;
       margin: 0 auto;
       view{
         flex: 1;
-        color: #3274f9;
+        color: $theme-oa-color;
         height: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
+        border: 1px solid $theme-oa-color;
+        &:nth-child(1){
+          border-radius: 30rpx 0 0 30rpx;
+        }
+        &:nth-child(2){
+          border-radius: 0 30rpx 30rpx 0;
+        }
       }
       .active{
-        background-color: #3274f9;
+        background-color: $theme-oa-color;
         color: #fff;
       }
     }
@@ -318,7 +323,7 @@ page{
         .blue{
           width: 137rpx;
           height: 49rpx;
-          background: #3274F9;
+          background: $theme-oa-color;
           border-radius: 26rpx 26rpx 26rpx 26rpx;
           font-size: 25rpx;
           font-weight: 400;
@@ -369,7 +374,7 @@ page{
     margin-top: 84.21rpx;
     width: 693.93rpx;
     height: 84.21rpx;
-    background: #3274F9;
+    background: $theme-oa-color;
     box-shadow: 0px 9px 26px 1px #E9EFF5;
     position: fixed;
     bottom: 0;
diff --git a/subpkg/personnel/personnel.vue b/subpkg/personnel/personnel.vue
index 086f99c..6143bca 100644
--- a/subpkg/personnel/personnel.vue
+++ b/subpkg/personnel/personnel.vue
@@ -56,12 +56,6 @@
 import { Toast } from '@/libs/uniApi.js'
 import {companyUser} from "@/api/company.js"
 export default {
-  onReady() {
-    uni.setNavigationBarColor({
-      frontColor: '#ffffff',
-      backgroundColor: '#3175f9'
-    })
-  },
   data() {
     return {
       loadConfig:{
@@ -121,7 +115,7 @@ export default {
     margin-bottom: 40rpx;
     width: 694rpx;
     height: 84rpx;
-    background: #3274F9;
+    background: $theme-oa-color;
     border-radius: 42rpx 42rpx 42rpx 42rpx;
     color: #fff;
     line-height: 80rpx;
@@ -163,7 +157,7 @@ export default {
         }
       }
       .type_blue{
-        background-color: #3274f9;
+        background-color: $theme-oa-color;
       }
       .top{
         // background-color: #3274F9;
@@ -182,7 +176,7 @@ export default {
             align-items: flex-end;
             font-size: 25rpx;
             font-weight: 400;
-            color: #3274F9;
+            color: $theme-oa-color;
             .info_name{
               font-size: 32rpx;
               font-weight: 400;
@@ -244,10 +238,10 @@ export default {
           background: #FFFFFF;
           border-radius: 26rpx 26rpx 26rpx 26rpx;
           opacity: 1;
-          border: 2rpx solid #3274F9;
+          border: 2rpx solid $theme-oa-color;
           font-size: 28rpx;
           font-weight: 400;
-          color: #3274F9;
+          color: $theme-oa-color;
           display: flex;
           justify-content: center;
           align-items: center;
diff --git a/subpkg/topUp/topUp.vue b/subpkg/topUp/topUp.vue
index 31793af..d3d2be5 100644
--- a/subpkg/topUp/topUp.vue
+++ b/subpkg/topUp/topUp.vue
@@ -176,7 +176,7 @@
     height: 250rpx;
 
     .bg {
-      background-color: #3274F9FF;
+      background-color: $theme-oa-color;
       height: 170rpx;
       width: 100vw;
       border-radius: 0rpx 0rpx 28rpx 28rpx;
@@ -250,8 +250,8 @@
       }
 
       .active {
-        border: 2rpx solid #3274F9;
-        color: #3274F9;
+        border: 2rpx solid $theme-oa-color;
+        color: $theme-oa-color;
       }
     }
 
@@ -273,7 +273,7 @@
       width: 694rpx;
       height: 84rpx;
       margin-top: 73.6rpx;
-      background: #3274F9;
+      background: $theme-oa-color;
       box-shadow: 0rpx 14rpx 44rpx 2rpx #E9EFF5;
       border-radius: 42rpx 42rpx 42rpx 42rpx;
       display: flex;
@@ -294,7 +294,7 @@
     .title {
       font-size: 32rpx;
       font-weight: 500;
-      color: #3274F9;
+      color: $theme-oa-color;
       line-height: 32rpx;
       margin-bottom: 21rpx;
     }
diff --git a/subpkg/topUpList/topUpList.vue b/subpkg/topUpList/topUpList.vue
index b54beb9..1ab3129 100644
--- a/subpkg/topUpList/topUpList.vue
+++ b/subpkg/topUpList/topUpList.vue
@@ -90,7 +90,7 @@ export default {
         .tips{
           width: 137rpx;
           height: 49rpx;
-          background: #3274F9;
+          background: $theme-oa-color;
           border-radius: 26rpx 26rpx 26rpx 26rpx;
           font-size: 25rpx;
           font-weight: 400;
diff --git a/subpkg/withdrawDeposit/withdrawDeposit.vue b/subpkg/withdrawDeposit/withdrawDeposit.vue
index 08ce09a..a7ab3df 100644
--- a/subpkg/withdrawDeposit/withdrawDeposit.vue
+++ b/subpkg/withdrawDeposit/withdrawDeposit.vue
@@ -130,7 +130,7 @@
     height: 250rpx;
 
     .bg {
-      background-color: #3274F9FF;
+      background-color: $theme-oa-color;
       height: 170rpx;
       width: 100vw;
       border-radius: 0rpx 0rpx 28rpx 28rpx;
@@ -204,8 +204,8 @@
       }
 
       .active {
-        border: 2rpx solid #3274F9;
-        color: #3274F9;
+        border: 2rpx solid $theme-oa-color;
+        color: $theme-oa-color;
       }
     }
 
@@ -227,7 +227,7 @@
       width: 694rpx;
       height: 84rpx;
       margin-top: 73.6rpx;
-      background: #3274F9;
+      background: $theme-oa-color;
       box-shadow: 0rpx 14rpx 44rpx 2rpx #E9EFF5;
       border-radius: 42rpx 42rpx 42rpx 42rpx;
       display: flex;
@@ -248,7 +248,7 @@
     .title {
       font-size: 32rpx;
       font-weight: 500;
-      color: #3274F9;
+      color: $theme-oa-color;
       line-height: 32rpx;
       margin-bottom: 21rpx;
     }