Skip to content

Node Icon Colors Overridden #18515

@jkoch22

Description

@jkoch22

Bug Description

The node icons in the panel aren't colored correctly. It looks like it's being overriden.

Current:
Image

Removing --canvas-node-icon-color: var(--color-foreground-xdark);:
Image

https://github.com/n8n-io/n8n/blob/741dd693a474d905e73a90214aa143d5ca26af7f/packages/frontend/editor-ui/src/components/Node/NodeCreator/ItemTypes/NodeItem.vue#L235C1-L236C1

To Reproduce

  1. Open side panel in workflow to add new node.

Expected behavior

Icons show correct colors.

Debug Info

Debug info

core

  • n8nVersion: 1.108.0
  • platform: docker (self-hosted)
  • nodeJsVersion: 22.17.0
  • database: sqlite
  • executionMode: regular
  • concurrency: -1
  • license: enterprise (production)
  • consumerId: a918b0a1-e9e6-4efe-9194-1e83100ed73e

storage

  • success: all
  • error: all
  • progress: false
  • manual: true
  • binaryMode: memory

pruning

  • enabled: true
  • maxAge: 336 hours
  • maxCount: 10000 executions

client

  • userAgent: mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml, like gecko) chrome/139.0.0.0 safari/537.36
  • isTouchDevice: false

Generated at: 2025-08-18T21:28:08.196Z

Operating System

Debian 13

n8n Version

1.108.0

Node.js Version

22.17.0

Database

SQLite (default)

Execution mode

main (default)

Hosting

self hosted

Metadata

Metadata

Assignees

No one assigned

    Labels

    in linearIssue or PR has been created in Linear for internal reviewteam:adoreIssue is with the Adore team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions