diff --git a/js/custom-nodes-manager.js b/js/custom-nodes-manager.js
index aee157d4..e78c884a 100644
--- a/js/custom-nodes-manager.js
+++ b/js/custom-nodes-manager.js
@@ -116,6 +116,7 @@ const pageCss = `
 .cn-manager-grid .tg-turbogrid {
 	font-family: var(--grid-font);
 	font-size: 15px;
+	background: var(--bg-color);
 }
 
 .cn-manager-grid .cn-node-name a {
@@ -268,6 +269,18 @@ const pageCss = `
     animation: cn-btn-loading-bg 3s linear infinite;
 }
 
+.cn-manager-light .cn-node-name a {
+	color: blue;
+}
+
+.cn-manager-light .cm-warn-note {
+	background-color: #ccc !important;
+}
+
+.cn-manager-light .cn-btn-install {
+	background-color: #333;
+}
+
 `;
 
 const pageHtml = `
@@ -693,8 +706,14 @@ export class CustomNodesManager {
 
 	renderGrid() {
 
+		// update theme
 		const colorPalette = this.app.ui.settings.settingsValues['Comfy.ColorPalette'];
-		// console.log(colorPalette)
+		Array.from(this.element.classList).forEach(cn => {
+			if (cn.startsWith("cn-manager-")) {
+				this.element.classList.remove(cn);
+			}
+		});
+		this.element.classList.add(`cn-manager-${colorPalette}`);
 
 		const options = {
 			theme: colorPalette === "light" ? "" : "dark"