Change node-component-header-surface color variable by DrJKL · Pull Request #6990 · Comfy-Org/ComfyUI_frontend

DrJKL · 2025-11-27T07:57:28Z

Summary

Light mode node header color update.

┆Issue is synchronized with this Notion page by Unito

coderabbitai · 2025-11-27T07:57:42Z

📝 Walkthrough

Walkthrough

A CSS design token for node component header surfaces is updated in the style sheet. The --node-component-header-surface variable is reassigned from white to a darker smoke shade, modifying the visual appearance of node component headers throughout the design system.

Changes

Cohort / File(s)	Change Summary
Node component header styling `packages/design-system/src/css/style.css`	CSS variable `--node-component-header-surface` changed from `var(--color-white)` to `var(--color-smoke-400)` in `:root` selector

✨ Finishing touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch DrJKL-light-header

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 9d131a4 and 4030897.

📒 Files selected for processing (1)

packages/design-system/src/css/style.css (1 hunks)

🧰 Additional context used

🧠 Learnings (3)

📓 Common learnings

Learnt from: CR
Repo: Comfy-Org/ComfyUI_frontend PR: 0
File: src/components/CLAUDE.md:0-0
Timestamp: 2025-11-24T19:47:45.616Z
Learning: Applies to src/components/**/*.{vue,css} : Use the correct tokens from style.css in the design system package

Learnt from: CR
Repo: Comfy-Org/ComfyUI_frontend PR: 0
File: CLAUDE.md:0-0
Timestamp: 2025-11-24T19:47:14.779Z
Learning: Applies to **/*.{vue,html} : Never use `dark:` or `dark-theme:` Tailwind variants - instead use semantic values from `style.css` theme, e.g. `bg-node-component-surface`

📚 Learning: 2025-11-24T19:47:45.616Z

Learnt from: CR
Repo: Comfy-Org/ComfyUI_frontend PR: 0
File: src/components/CLAUDE.md:0-0
Timestamp: 2025-11-24T19:47:45.616Z
Learning: Applies to src/components/**/*.{vue,css} : Use the correct tokens from style.css in the design system package

Applied to files:

packages/design-system/src/css/style.css

📚 Learning: 2025-11-24T19:47:14.779Z

Learnt from: CR
Repo: Comfy-Org/ComfyUI_frontend PR: 0
File: CLAUDE.md:0-0
Timestamp: 2025-11-24T19:47:14.779Z
Learning: Applies to **/*.{vue,html} : Never use `dark:` or `dark-theme:` Tailwind variants - instead use semantic values from `style.css` theme, e.g. `bg-node-component-surface`

Applied to files:

packages/design-system/src/css/style.css

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (4)

GitHub Check: setup
GitHub Check: test
GitHub Check: lint-and-format
GitHub Check: collect

🔇 Additional comments (1)

packages/design-system/src/css/style.css (1)

197-197: Design token update is correctly applied.

The --node-component-header-surface variable is properly reassigned from white to var(--color-smoke-400) (#d9d9d9) in light mode. The corresponding dark theme value at line 315 remains independent with var(--color-charcoal-800), maintaining proper theme separation. The color value is valid and the token is correctly exported in the @theme inline block at line 435 for Tailwind integration.

Please verify that this color change is applied consistently across all components that use --node-component-header-surface or the derived --color-node-component-header-surface token in light mode, and that the visual appearance matches the intended light-header design.

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

github-actions · 2025-11-27T07:57:47Z

🎭 Playwright Test Results

⚠️ Tests passed with flaky tests

⏰ Completed at: 11/27/2025, 08:07:35 AM UTC

📈 Summary

Total Tests: 497
Passed: 487 ✅
Failed: 0
Flaky: 1 ⚠️
Skipped: 9 ⏭️

📊 Test Reports by Browser

✅ chromium: View Report • ✅ 478 / ❌ 0 / ⚠️ 1 / ⏭️ 9
✅ chromium-2x: View Report • ✅ 2 / ❌ 0 / ⚠️ 0 / ⏭️ 0
✅ chromium-0.5x: View Report • ✅ 1 / ❌ 0 / ⚠️ 0 / ⏭️ 0
✅ mobile-chrome: View Report • ✅ 6 / ❌ 0 / ⚠️ 0 / ⏭️ 0

🎉 Click on the links above to view detailed test results for each browser configuration.

github-actions · 2025-11-27T07:57:50Z

🎨 Storybook Build Status

✅ Build completed successfully!

⏰ Completed at: 11/27/2025, 07:58:56 AM UTC

🔗 Links

📊 View Workflow Run
🎨 View Storybook

🎉 Your Storybook is ready for review!

github-actions · 2025-11-27T08:00:05Z

Bundle Size Report

Summary

Raw size: 17 MB baseline 17 MB — ⚪ 0 B
Gzip: 3.37 MB baseline 3.37 MB — 🔴 +10 B
Brotli: 2.58 MB baseline 2.58 MB — 🟢 -86 B
Bundles: 93 current • 93 baseline • 36 added / 36 removed

Category Glance
Vendor & Third-Party ⚪ 0 B (8.56 MB) · Other ⚪ 0 B (3.84 MB) · App Entry Points ⚪ 0 B (3.18 MB) · Graph Workspace ⚪ 0 B (948 kB) · Panels & Settings ⚪ 0 B (298 kB) · UI Components ⚪ 0 B (139 kB) · + 3 more

Per-category breakdown

App Entry Points — 3.18 MB (baseline 3.18 MB) • ⚪ 0 B

Main entry bundles and manifests

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
assets/index-BuUBB2cQ.js (new)	—	2.95 MB	🔴 +2.95 MB	🔴 +615 kB	🔴 +467 kB
~~assets/index-C-pwKqT8.js~~ (removed)	2.95 MB	—	🟢 -2.95 MB	🟢 -615 kB	🟢 -467 kB
~~assets/index-D5dNVKUd.js~~ (removed)	227 kB	—	🟢 -227 kB	🟢 -48.6 kB	🟢 -40 kB
assets/index-DcDmu4q7.js (new)	—	227 kB	🔴 +227 kB	🔴 +48.6 kB	🔴 +40 kB
~~assets/index-1OA9mb6L.js~~ (removed)	345 B	—	🟢 -345 B	🟢 -246 B	🟢 -233 B
assets/index-cwlJ-NvJ.js (new)	—	345 B	🔴 +345 B	🔴 +244 B	🔴 +239 B

Status: 3 added / 3 removed

Graph Workspace — 948 kB (baseline 948 kB) • ⚪ 0 B

Graph editor runtime, canvas, workflow orchestration

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
~~assets/GraphView-BcI_bDFR.js~~ (removed)	948 kB	—	🟢 -948 kB	🟢 -184 kB	🟢 -140 kB
assets/GraphView-YqKjZWlT.js (new)	—	948 kB	🔴 +948 kB	🔴 +184 kB	🔴 +140 kB

Status: 1 added / 1 removed

Views & Navigation — 6.54 kB (baseline 6.54 kB) • ⚪ 0 B

Top-level views, pages, and routed surfaces

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
~~assets/UserSelectView-b2-zZf_n.js~~ (removed)	6.54 kB	—	🟢 -6.54 kB	🟢 -2.14 kB	🟢 -1.9 kB
assets/UserSelectView-Dsw9NFXK.js (new)	—	6.54 kB	🔴 +6.54 kB	🔴 +2.14 kB	🔴 +1.9 kB

Status: 1 added / 1 removed

Panels & Settings — 298 kB (baseline 298 kB) • ⚪ 0 B

Configuration panels, inspectors, and settings screens

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
assets/CreditsPanel-CjmKkMwa.js (new)	—	21.4 kB	🔴 +21.4 kB	🔴 +5.15 kB	🔴 +4.5 kB
~~assets/CreditsPanel-DChj3j8s.js~~ (removed)	21.4 kB	—	🟢 -21.4 kB	🟢 -5.15 kB	🟢 -4.5 kB
~~assets/KeybindingPanel-B7A51x8n.js~~ (removed)	13.6 kB	—	🟢 -13.6 kB	🟢 -3.42 kB	🟢 -3.02 kB
assets/KeybindingPanel-h7D-YyZA.js (new)	—	13.6 kB	🔴 +13.6 kB	🔴 +3.42 kB	🔴 +3.01 kB
~~assets/ExtensionPanel-B-AN_COE.js~~ (removed)	10.8 kB	—	🟢 -10.8 kB	🟢 -2.57 kB	🟢 -2.25 kB
assets/ExtensionPanel-DeqGrhwX.js (new)	—	10.8 kB	🔴 +10.8 kB	🔴 +2.57 kB	🔴 +2.25 kB
~~assets/AboutPanel-BUqXiOax.js~~ (removed)	9.16 kB	—	🟢 -9.16 kB	🟢 -2.46 kB	🟢 -2.21 kB
assets/AboutPanel-W5TMwvOa.js (new)	—	9.16 kB	🔴 +9.16 kB	🔴 +2.46 kB	🔴 +2.21 kB
assets/ServerConfigPanel-BiWDq3Pr.js (new)	—	6.56 kB	🔴 +6.56 kB	🔴 +1.83 kB	🔴 +1.62 kB
~~assets/ServerConfigPanel-Ch_CHclj.js~~ (removed)	6.56 kB	—	🟢 -6.56 kB	🟢 -1.83 kB	🟢 -1.62 kB
assets/UserPanel-DCiu9wuT.js (new)	—	6.23 kB	🔴 +6.23 kB	🔴 +1.72 kB	🔴 +1.51 kB
~~assets/UserPanel-low54n9P.js~~ (removed)	6.23 kB	—	🟢 -6.23 kB	🟢 -1.72 kB	🟢 -1.5 kB
assets/settings-BXTtSH4O.js	33.3 kB	33.3 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/settings-C9Pzn-NG.js	25.2 kB	25.2 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/settings-CCy2fA_h.js	27.3 kB	27.3 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/settings-CQpqEFfl.js	26.6 kB	26.6 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/settings-DHcnxypw.js	21.7 kB	21.7 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/settings-DhFTK9fY.js	25.1 kB	25.1 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/settings-DlT4t_ui.js	25.9 kB	25.9 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/settings-DRgSrIdD.js	24.2 kB	24.2 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/settings-tjkeqiZq.js	21.1 kB	21.1 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B

Status: 6 added / 6 removed

UI Components — 139 kB (baseline 139 kB) • ⚪ 0 B

Reusable component library chunks

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
~~assets/Load3D.vue_vue_type_script_setup_true_lang-BvYtyg__.js~~ (removed)	53.9 kB	—	🟢 -53.9 kB	🟢 -8.52 kB	🟢 -7.32 kB
assets/Load3D.vue_vue_type_script_setup_true_lang-qx2wbMXo.js (new)	—	53.9 kB	🔴 +53.9 kB	🔴 +8.52 kB	🔴 +7.32 kB
~~assets/WidgetSelect.vue_vue_type_script_setup_true_lang-BiBGmeSi.js~~ (removed)	46.9 kB	—	🟢 -46.9 kB	🟢 -10.1 kB	🟢 -8.77 kB
assets/WidgetSelect.vue_vue_type_script_setup_true_lang-DO6p2e2H.js (new)	—	46.9 kB	🔴 +46.9 kB	🔴 +10.1 kB	🔴 +8.76 kB
~~assets/WidgetInputNumber.vue_vue_type_script_setup_true_lang-B95ZHhGo.js~~ (removed)	12.8 kB	—	🟢 -12.8 kB	🟢 -3.35 kB	🟢 -2.96 kB
assets/WidgetInputNumber.vue_vue_type_script_setup_true_lang-Dmcjny_Z.js (new)	—	12.8 kB	🔴 +12.8 kB	🔴 +3.35 kB	🔴 +2.96 kB
assets/ComfyQueueButton-Bz1MhkN8.js (new)	—	8.44 kB	🔴 +8.44 kB	🔴 +2.48 kB	🔴 +2.21 kB
~~assets/ComfyQueueButton-C4fGeQbJ.js~~ (removed)	8.44 kB	—	🟢 -8.44 kB	🟢 -2.48 kB	🟢 -2.21 kB
assets/MediaTitle.vue_vue_type_script_setup_true_lang-bjHDyFkf.js (new)	—	897 B	🔴 +897 B	🔴 +502 B	🔴 +438 B
~~assets/MediaTitle.vue_vue_type_script_setup_true_lang-qLYLZPN5.js~~ (removed)	897 B	—	🟢 -897 B	🟢 -505 B	🟢 -438 B
assets/LazyImage.vue_vue_type_script_setup_true_lang-Pm3jgX4e.js	10.8 kB	10.8 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/UserAvatar.vue_vue_type_script_setup_true_lang-Bs-EIQeq.js	1.34 kB	1.34 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/WidgetButton-CsMa_P26.js	2.04 kB	2.04 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/WidgetLayoutField.vue_vue_type_script_setup_true_lang-Cf8dNyi2.js	2 kB	2 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B

Status: 5 added / 5 removed

Data & Services — 12.5 kB (baseline 12.5 kB) • ⚪ 0 B

Stores, services, APIs, and repositories

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
assets/keybindingService-B4ojoW2g.js (new)	—	7.51 kB	🔴 +7.51 kB	🔴 +1.84 kB	🔴 +1.58 kB
~~assets/keybindingService-Bml2BUAO.js~~ (removed)	7.51 kB	—	🟢 -7.51 kB	🟢 -1.84 kB	🟢 -1.58 kB
~~assets/audioService-DMHf0crI.js~~ (removed)	2.2 kB	—	🟢 -2.2 kB	🟢 -960 B	🟢 -825 B
assets/audioService-KRdsx8eL.js (new)	—	2.2 kB	🔴 +2.2 kB	🔴 +959 B	🔴 +824 B
assets/serverConfigStore-B5NW8oSr.js	2.83 kB	2.83 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B

Status: 2 added / 2 removed

Utilities & Hooks — 2.94 kB (baseline 2.94 kB) • ⚪ 0 B

Helpers, composables, and utility bundles

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
assets/audioUtils-BWqQYNx8.js (new)	—	1.41 kB	🔴 +1.41 kB	🔴 +651 B	🔴 +552 B
~~assets/audioUtils-Hn-WnSb1.js~~ (removed)	1.41 kB	—	🟢 -1.41 kB	🟢 -651 B	🟢 -550 B
assets/mathUtil-CTARWQ-l.js	1.07 kB	1.07 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeFilterUtil-CXKCRJ-m.js	460 B	460 B	⚪ 0 B	⚪ 0 B	⚪ 0 B

Status: 1 added / 1 removed

Vendor & Third-Party — 8.56 MB (baseline 8.56 MB) • ⚪ 0 B

External libraries and shared vendor chunks

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
assets/vendor-chart-uhYFfslB.js	452 kB	452 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/vendor-other-DisjWJFj.js	3.98 MB	3.98 MB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/vendor-primevue-LncEKxae.js	1.96 MB	1.96 MB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/vendor-three-aR6ntw5X.js	1.37 MB	1.37 MB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/vendor-tiptap-C4yk8cCR.js	232 kB	232 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/vendor-vue-tw3tq7KH.js	160 kB	160 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/vendor-xterm-BZLod3g9.js	407 kB	407 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B

Other — 3.84 MB (baseline 3.84 MB) • ⚪ 0 B

Bundles that do not match a named category

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
assets/WidgetRecordAudio-DEdn6euR.js (new)	—	20.4 kB	🔴 +20.4 kB	🔴 +5.24 kB	🔴 +4.64 kB
~~assets/WidgetRecordAudio-DhErcMj1.js~~ (removed)	20.4 kB	—	🟢 -20.4 kB	🟢 -5.23 kB	🟢 -4.63 kB
~~assets/AudioPreviewPlayer-CMsxc32-.js~~ (removed)	13.5 kB	—	🟢 -13.5 kB	🟢 -3.4 kB	🟢 -3.04 kB
assets/AudioPreviewPlayer-jtL-jlSs.js (new)	—	13.5 kB	🔴 +13.5 kB	🔴 +3.4 kB	🔴 +3.04 kB
~~assets/WidgetGalleria-B12Q6xrZ.js~~ (removed)	4.1 kB	—	🟢 -4.1 kB	🟢 -1.45 kB	🟢 -1.3 kB
assets/WidgetGalleria-DvE_CQuI.js (new)	—	4.1 kB	🔴 +4.1 kB	🔴 +1.45 kB	🔴 +1.3 kB
~~assets/WidgetColorPicker-CLzDyOET.js~~ (removed)	3.41 kB	—	🟢 -3.41 kB	🟢 -1.38 kB	🟢 -1.23 kB
assets/WidgetColorPicker-hsz9I0PB.js (new)	—	3.41 kB	🔴 +3.41 kB	🔴 +1.38 kB	🔴 +1.23 kB
assets/WidgetMarkdown-DAnSOvc_.js (new)	—	3.1 kB	🔴 +3.1 kB	🔴 +1.29 kB	🔴 +1.12 kB
~~assets/WidgetMarkdown-Kuq-N2q7.js~~ (removed)	3.1 kB	—	🟢 -3.1 kB	🟢 -1.29 kB	🟢 -1.13 kB
assets/WidgetAudioUI-BdOZNqq_.js (new)	—	2.82 kB	🔴 +2.82 kB	🔴 +1.12 kB	🔴 +1.01 kB
~~assets/WidgetAudioUI-BhzHyehw.js~~ (removed)	2.82 kB	—	🟢 -2.82 kB	🟢 -1.12 kB	🟢 -1.02 kB
~~assets/WidgetTextarea-D5ogtg1r.js~~ (removed)	2.48 kB	—	🟢 -2.48 kB	🟢 -1.01 kB	🟢 -900 B
assets/WidgetTextarea-DS58lDt0.js (new)	—	2.48 kB	🔴 +2.48 kB	🔴 +1.01 kB	🔴 +886 B
~~assets/WidgetInputText-BVmnlmCd.js~~ (removed)	1.99 kB	—	🟢 -1.99 kB	🟢 -918 B	🟢 -844 B
assets/WidgetInputText-D8xAuwjj.js (new)	—	1.99 kB	🔴 +1.99 kB	🔴 +918 B	🔴 +845 B
assets/MediaImageBottom-B3yE3wH-.js (new)	—	1.57 kB	🔴 +1.57 kB	🔴 +739 B	🔴 +645 B
~~assets/MediaImageBottom-BTLz49ad.js~~ (removed)	1.57 kB	—	🟢 -1.57 kB	🟢 -740 B	🟢 -646 B
~~assets/MediaAudioBottom-3VJTpRxq.js~~ (removed)	1.52 kB	—	🟢 -1.52 kB	🟢 -742 B	🟢 -657 B
assets/MediaAudioBottom-D7kh7AMo.js (new)	—	1.52 kB	🔴 +1.52 kB	🔴 +741 B	🔴 +656 B
~~assets/MediaVideoBottom-C0STdYAL.js~~ (removed)	1.52 kB	—	🟢 -1.52 kB	🟢 -741 B	🟢 -655 B
assets/MediaVideoBottom-C9VrTZuA.js (new)	—	1.52 kB	🔴 +1.52 kB	🔴 +740 B	🔴 +655 B
assets/Media3DBottom-BzQsFNkk.js (new)	—	1.5 kB	🔴 +1.5 kB	🔴 +732 B	🔴 +651 B
~~assets/Media3DBottom-D0oy3s2V.js~~ (removed)	1.5 kB	—	🟢 -1.5 kB	🟢 -733 B	🟢 -652 B
assets/Media3DTop-CnaKqud8.js (new)	—	1.49 kB	🔴 +1.49 kB	🔴 +765 B	🔴 +651 B
~~assets/Media3DTop-D3aTTsus.js~~ (removed)	1.49 kB	—	🟢 -1.49 kB	🟢 -765 B	🟢 -650 B
assets/WidgetSelect-CcBeAhR-.js (new)	—	655 B	🔴 +655 B	🔴 +345 B	🔴 +304 B
~~assets/WidgetSelect-D3mpMnZB.js~~ (removed)	655 B	—	🟢 -655 B	🟢 -343 B	🟢 -307 B
~~assets/WidgetInputNumber-DNPkKYaR.js~~ (removed)	595 B	—	🟢 -595 B	🟢 -331 B	🟢 -275 B
assets/WidgetInputNumber-zUAVadGy.js (new)	—	595 B	🔴 +595 B	🔴 +329 B	🔴 +275 B
assets/Load3D--knPToLq.js (new)	—	424 B	🔴 +424 B	🔴 +267 B	🔴 +222 B
~~assets/Load3D-h72K_g1h.js~~ (removed)	424 B	—	🟢 -424 B	🟢 -266 B	🟢 -221 B
~~assets/WidgetLegacy-A8SOsmWk.js~~ (removed)	364 B	—	🟢 -364 B	🟢 -237 B	🟢 -193 B
assets/WidgetLegacy-BNLt6Cf8.js (new)	—	364 B	🔴 +364 B	🔴 +237 B	🔴 +193 B
assets/commands-_s-RvhJR.js	13.6 kB	13.6 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/commands-BuUILW6P.js	13 kB	13 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/commands-BV4R6fLx.js	14.9 kB	14.9 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/commands-CLwPdnT6.js	14.2 kB	14.2 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/commands-CWMchBmd.js	15.9 kB	15.9 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/commands-DazTQhtc.js	12.9 kB	12.9 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/commands-DmWrOe93.js	13.7 kB	13.7 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/commands-DwiH7Kr6.js	13.8 kB	13.8 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/commands-mS3LCNPn.js	14.5 kB	14.5 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-5lOBdqcC.js	84.5 kB	84.5 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-BOCuaVpE.js	73.4 kB	73.4 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-ClrEFGUz.js	72.4 kB	72.4 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-CyNU0iQX.js	99.3 kB	99.3 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-D7gwLxft.js	114 kB	114 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-DC8o4BCt.js	86.8 kB	86.8 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-DKiesCV4.js	94.3 kB	94.3 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-Hq2q-OtB.js	83.6 kB	83.6 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-USAlAlnj.js	82 kB	82 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/MediaAudioTop-Bqc4HR5L.js	1.46 kB	1.46 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/MediaImageTop-DbyT2UjV.js	1.75 kB	1.75 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/MediaVideoTop-6PQqfKb3.js	2.76 kB	2.76 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-_Px5dSNW.js	306 kB	306 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-7z21KPoS.js	285 kB	285 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-BWKZzBPK.js	346 kB	346 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-CGbgH4Yl.js	320 kB	320 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-CjjjdWkV.js	313 kB	313 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-CVrNtxvj.js	288 kB	288 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-DLRSA0IK.js	309 kB	309 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-DQV2gnwA.js	372 kB	372 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-ofqLG5vz.js	310 kB	310 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/WidgetChart-C9sMH5oS.js	2.48 kB	2.48 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/WidgetImageCompare-D4gTOuOo.js	2.21 kB	2.21 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/widgetPropFilter-BIbGSUAt.js	1.28 kB	1.28 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/WidgetToggleSwitch-CBRsIck7.js	1.58 kB	1.58 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B

Status: 17 added / 17 removed

## Summary Light mode node header color update.

comfy-pr-bot · 2025-12-08T22:44:59Z

@DrJKL Successfully backported to #7238

…ble (#7238) Backport of #6990 to `core/1.33` Automatically created by backport workflow. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7238-backport-core-1-33-Change-node-component-header-surface-color-variable-2c36d73d36508117b86aca4802a9c9a2) by [Unito](https://www.unito.io) Co-authored-by: Alexander Brown <drjkl@comfy.org>

Change node-component-header-surface color variable

4030897

DrJKL requested a review from a team as a code owner November 27, 2025 07:57

dosubot bot added the size:XS This PR changes 0-9 lines, ignoring generated files. label Nov 27, 2025

DrJKL assigned christian-byrne Nov 27, 2025

DrJKL enabled auto-merge (squash) November 27, 2025 08:00

Myestery approved these changes Nov 27, 2025

View reviewed changes

DrJKL merged commit a055241 into main Nov 27, 2025
32 checks passed

DrJKL deleted the DrJKL-light-header branch November 27, 2025 15:16

christian-byrne added needs-backport Fix/change that needs to be cherry-picked to the current feature freeze branch core/1.33 labels Dec 8, 2025

github-actions bot pushed a commit that referenced this pull request Dec 8, 2025

Change node-component-header-surface color variable (#6990)

e7bda60

## Summary Light mode node header color update.

comfy-pr-bot mentioned this pull request Dec 8, 2025

[backport core/1.33] Change node-component-header-surface color variable #7238

Merged

github-actions bot removed the needs-backport Fix/change that needs to be cherry-picked to the current feature freeze branch label Dec 8, 2025

christian-byrne mentioned this pull request Dec 9, 2025

Bump frontend to 1.34 Comfy-Org/ComfyUI#11203

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Change node-component-header-surface color variable#6990

Change node-component-header-surface color variable#6990
DrJKL merged 1 commit intomainfrom
DrJKL-light-header

DrJKL commented Nov 27, 2025 •

edited by sync-by-unito bot

Loading

Uh oh!

coderabbitai bot commented Nov 27, 2025 •

edited

Loading

Walkthrough

Changes

Uh oh!

github-actions bot commented Nov 27, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Nov 27, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Nov 27, 2025

Uh oh!

Uh oh!

comfy-pr-bot commented Dec 8, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Conversation

DrJKL commented Nov 27, 2025 • edited by sync-by-unito bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Uh oh!

coderabbitai bot commented Nov 27, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Uh oh!

github-actions bot commented Nov 27, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🎭 Playwright Test Results

📈 Summary

📊 Test Reports by Browser

Uh oh!

github-actions bot commented Nov 27, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🎨 Storybook Build Status

🔗 Links

Uh oh!

github-actions bot commented Nov 27, 2025

Bundle Size Report

Uh oh!

Uh oh!

comfy-pr-bot commented Dec 8, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

DrJKL commented Nov 27, 2025 •

edited by sync-by-unito bot

Loading

coderabbitai bot commented Nov 27, 2025 •

edited

Loading

github-actions bot commented Nov 27, 2025 •

edited

Loading

github-actions bot commented Nov 27, 2025 •

edited

Loading