diff --git a/desktop/src/App.vue b/desktop/src/App.vue
index a261ef7..aee4487 100644
--- a/desktop/src/App.vue
+++ b/desktop/src/App.vue
@@ -350,7 +350,6 @@ const editNote = async (id: number, content: string) => {
 
 <style scoped>
 .app-background {
-  background: rgba(35, 35, 35, 0.15);
   position: absolute;
   z-index: -1;
   top: 0;
diff --git a/desktop/src/styles/theme.css b/desktop/src/styles/theme.css
index 91d4cd9..8219bd6 100644
--- a/desktop/src/styles/theme.css
+++ b/desktop/src/styles/theme.css
@@ -46,13 +46,13 @@
      ============================================ */
 
   /* Background Colors */
-  --color-background: var(--color-gray-100);
+  --color-background: white;
   --color-background-overlay: hsla(0, 0%, 0%, 0.4);
 
   /* Surface colors */
-  --color-surface: var(--color-gray-200);
-  --color-surface-hover: var(--color-gray-300);
-  --color-surface-active: var(--color-gray-400);
+  --color-surface: var(--color-gray-100);
+  --color-surface-hover: var(--color-gray-200);
+  --color-surface-active: var(--color-gray-300);
 
   /* Border colors */
   --color-border: var(--color-gray-300);
@@ -60,11 +60,11 @@
   --color-border-active: var(--color-gray-500);
 
   /* Text colors */
-  --color-text-primary: var(--color-gray-700);
-  --color-text-secondary: var(--color-gray-600);
+  --color-text-primary: var(--color-gray-900);
+  --color-text-secondary: var(--color-gray-800);
 
   /* Code block */
-  --color-code-background: var(--color-gray-100);
+  --color-code-background: white;
 }
 
 /* ============================================
@@ -72,12 +72,12 @@
    ============================================ */
 body.dark {
   /* Background Colors */
-  --color-background: var(--color-gray-900);
+  --color-background: black;
   --color-text-primary: var(--color-gray-200);
 
   /* Surface colors */
-  --color-surface: var(--color-gray-800);
-  --color-surface-hover: var(--color-gray-700);
+  --color-surface: var(--color-gray-900);
+  --color-surface-hover: var(--color-gray-800);
   --color-surface-active: var(--color-gray-600);
 
   /* Border colors */
@@ -90,5 +90,5 @@ body.dark {
   --color-text-secondary: var(--color-gray-300);
 
   /* Code block */
-  --color-code-background: var(--color-gray-900);
+  --color-code-background: black;
 }