diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue
index 30ecebd..ec08e90 100644
--- a/src/components/layout/AppHeader.vue
+++ b/src/components/layout/AppHeader.vue
@@ -110,7 +110,7 @@ const handleNavClick = (page) => {
   align-items: center;
   justify-content: space-between;
   height: 60px;
-  background: var(--color-bg-secondary);
+  background: var(--color-bg-primary);
   border-bottom: 1px solid var(--color-border-primary);
   padding: 0 20px;
   position: relative;
diff --git a/src/components/layout/CadSidebar.vue b/src/components/layout/CadSidebar.vue
index a953cb9..c69a97e 100644
--- a/src/components/layout/CadSidebar.vue
+++ b/src/components/layout/CadSidebar.vue
@@ -165,7 +165,7 @@ const handleOpenModel = async () => {
   height: 100%;
   display: flex;
   flex-direction: column;
-  background: var(--color-bg-secondary);
+  background: var(--color-bg-primary);
   color: var(--color-text-primary);
   overflow-y: auto;
   padding: 20px;
diff --git a/src/components/layout/MainLayout.vue b/src/components/layout/MainLayout.vue
index c6eed7d..8add4ee 100644
--- a/src/components/layout/MainLayout.vue
+++ b/src/components/layout/MainLayout.vue
@@ -81,7 +81,7 @@ import AppHeader from './AppHeader.vue'
 
 .app-sidebar {
   width: 350px;
-  background: var(--color-bg-secondary);
+  background: var(--color-bg-primary);
   border-right: 1px solid var(--color-border-primary);
   overflow-y: auto;
   flex-shrink: 0;
@@ -100,7 +100,7 @@ import AppHeader from './AppHeader.vue'
   align-items: center;
   justify-content: space-between;
   padding: 16px 24px;
-  background: var(--color-bg-secondary);
+  background: var(--color-bg-primary);
   border-bottom: 1px solid var(--color-border-primary);
   flex-shrink: 0;
 }
diff --git a/src/components/layout/ModelManagement.vue b/src/components/layout/ModelManagement.vue
index e600dde..e3f87e1 100644
--- a/src/components/layout/ModelManagement.vue
+++ b/src/components/layout/ModelManagement.vue
@@ -572,7 +572,7 @@ const openSelectedFile = async () => {
 }
 
 .file-dialog {
-  background: var(--color-bg-secondary);
+  background: var(--color-bg-primary);
   border: 1px solid var(--color-border-primary);
   border-radius: var(--size-border-radius-card);
   width: 90%;
diff --git a/src/components/model/CreoModelViewer.vue b/src/components/model/CreoModelViewer.vue
index fe6927f..eb17fd7 100644
--- a/src/components/model/CreoModelViewer.vue
+++ b/src/components/model/CreoModelViewer.vue
@@ -189,7 +189,7 @@ const basicCheck = () => {
 <style scoped>
 .project-info-dashboard {
   padding: 20px;
-  background: var(--color-bg-secondary);
+  background: var(--color-bg-primary);
   border-radius: 8px;
   min-height: 500px;
 }