diff --git a/README.md b/README.md
index e1631ee63..50930875a 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,8 @@
 <div align="center">
     <a href="https://zenstack.dev">
-    <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/zenstackhq/zenstack-docs/main/static/img/logo-dark.png">
-    <img src="https://raw.githubusercontent.com/zenstackhq/zenstack-docs/main/static/img/logo.png" height="128">
-    </picture>
+    <img src="https://raw.githubusercontent.com/zenstackhq/zenstack-docs/main/static/img/new-logo-full.png" height="64" alt="ZenStack">
     </a>
-    <h1>ZenStack: Modern Data Layer for TypeScript Apps</h1>
+    <h1>Modern Data Layer for TypeScript Apps</h1>
     <a href="https://www.npmjs.com/package/@zenstackhq/cli?activeTab=versions">
         <img src="https://img.shields.io/npm/v/%40zenstackhq%2Fcli/latest">
     </a>
diff --git a/packages/ide/vscode/asset/new-logo.png b/packages/ide/vscode/asset/new-logo.png
new file mode 100644
index 000000000..53f3bf122
Binary files /dev/null and b/packages/ide/vscode/asset/new-logo.png differ
diff --git a/packages/ide/vscode/package.json b/packages/ide/vscode/package.json
index c42e52581..5228e4f0c 100644
--- a/packages/ide/vscode/package.json
+++ b/packages/ide/vscode/package.json
@@ -17,7 +17,7 @@
         "vscode:package": "pnpm build && vsce package --no-dependencies --follow-symlinks"
     },
     "homepage": "https://zenstack.dev",
-    "icon": "asset/logo-256-bg.png",
+    "icon": "asset/new-logo.png",
     "keywords": [
         "fullstack",
         "react",
@@ -74,8 +74,8 @@
                 ],
                 "configuration": "./language-configuration.json",
                 "icon": {
-                    "light": "./asset/logo-light-256.png",
-                    "dark": "./asset/logo-dark-256.png"
+                    "light": "./asset/new-logo.png",
+                    "dark": "./asset/new-logo.png"
                 }
             }
         ],