wangbo/ComfyUI-Manager
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI-Manager.git synced 2026-02-07 03:32:34 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

supports better theme with comfyui color palette

Browse Source
This commit is contained in:
cenfun 2024-06-12 09:48:44 +08:00
parent 6ff026d575
commit f001f4750c
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
js/custom-nodes-manager.js
View File

@ -116,6 +116,7 @@ const pageCss = `
.cn-manager-grid .tg-turbogrid { .cn-manager-grid .tg-turbogrid {
font-family: var(--grid-font); font-family: var(--grid-font);
font-size: 15px; font-size: 15px;
background: var(--bg-color);
} }
.cn-manager-grid .cn-node-name a { .cn-manager-grid .cn-node-name a {
@ -268,6 +269,18 @@ const pageCss = `
animation: cn-btn-loading-bg 3s linear infinite; 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 = ` const pageHtml = `
@ -693,8 +706,14 @@ export class CustomNodesManager {
renderGrid() { renderGrid() {
// update theme
const colorPalette = this.app.ui.settings.settingsValues['Comfy.ColorPalette']; 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 = { const options = {
theme: colorPalette === "light" ? "" : "dark" theme: colorPalette === "light" ? "" : "dark"