diff --git a/packages/canyon-platform/src/pages/index.tsx b/packages/canyon-platform/src/pages/index.tsx
index cda1655e..a14c842b 100644
--- a/packages/canyon-platform/src/pages/index.tsx
+++ b/packages/canyon-platform/src/pages/index.tsx
@@ -15,6 +15,7 @@ import { Outlet, useLocation, useNavigate } from 'react-router-dom';
 
 import book from '../assets/book.svg';
 import logoSvg from '../assets/logo.svg';
+import lightLogoSvg from '../assets/light-logo.svg'
 import AppFooter from '../components/app/footer.tsx';
 import { MeDocument } from '../helpers/backend/gen/graphql.ts';
 import { genBreadcrumbItems } from '../layouts/genBreadcrumbItems.tsx';
@@ -132,7 +133,7 @@ function Index() {
                     nav(`/`);
                   }}
                 >
-                  <img className={'w-[30px] mr-[8px]'} src={logoSvg} alt='' />
+                  <img className={'w-[30px] mr-[8px]'} src={localStorage.getItem('theme')==='dark'?lightLogoSvg:logoSvg} alt='' />
                   Canyon
                 </Title>
 
@@ -169,7 +170,7 @@ function Index() {
               }}
               selectedKeys={[selectedKey]}
               items={items}
-              className={''}
+              className={'dark:bg-[#151718]'}
               style={{ flex: '1' }}
             />
 
@@ -191,7 +192,7 @@ function Index() {
           </div>
         }
         mainContent={
-          <div className={'flex-1 bg-[#fbfcfd] dark:bg-[#151718] min-h-[100vh]'}>
+          <div className={'flex-1 bg-[#fbfcfd] dark:bg-[#0c0d0e] min-h-[100vh]'}>
             <div className={'m-auto max-w-[1250px]'}>
               <div>
                 <Breadcrumb className={'pt-3 pb-3 pl-6'} items={genBreadcrumbItems(loc.pathname)} />
diff --git a/packages/canyon-platform/src/pages/index/settings/index.tsx b/packages/canyon-platform/src/pages/index/settings/index.tsx
index d5db5cbf..78f6cf3c 100644
--- a/packages/canyon-platform/src/pages/index/settings/index.tsx
+++ b/packages/canyon-platform/src/pages/index/settings/index.tsx
@@ -11,7 +11,7 @@ const gridStyle: any = {
 const Settings = () => {
   const { t } = useTranslation();
   return (
-    <div className={'px-6 dark:bg-black'}>
+    <div className={'px-6'}>
       <Title level={2} className={'flex items-center gap-3'}>
         <SettingOutlined className={'text-[#687076] text-[32px]'} />
         <span>{t('menus.settings')}</span>
diff --git a/packages/canyon-platform/vite.config.ts b/packages/canyon-platform/vite.config.ts
index 036e1180..2571f61f 100644
--- a/packages/canyon-platform/vite.config.ts
+++ b/packages/canyon-platform/vite.config.ts
@@ -43,7 +43,7 @@ export default defineConfig({
     host: '0.0.0.0',
     proxy: {
       '^/graphql|^/api': {
-        target: 'http://10.128.124.139',
+        target: 'http://10.139.132.150',
         changeOrigin: true,
       }
     },
diff --git a/packages/canyon-report/src/Report/loadcss.ts b/packages/canyon-report/src/Report/loadcss.ts
index e5a2de42..42be8791 100755
--- a/packages/canyon-report/src/Report/loadcss.ts
+++ b/packages/canyon-report/src/Report/loadcss.ts
@@ -7,7 +7,7 @@ const cssCode = `
 
 #canyon-report.dark{
   color: white;
-  background-color: #1a1a1a;
+  background-color: #151718;
 }
 
 #canyon-report .small {
diff --git a/packages/canyon-report/src/assets/css/index.css b/packages/canyon-report/src/assets/css/index.css
index 9ffafec2..2fca120f 100644
--- a/packages/canyon-report/src/assets/css/index.css
+++ b/packages/canyon-report/src/assets/css/index.css
@@ -5,7 +5,7 @@
 
 #canyon-report.dark{
   color: white;
-  background-color: #1a1a1a;
+  background-color: #151718;
 }
 
 #canyon-report .small {