diff --git a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/service/canvas-utils.service.ts b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/service/canvas-utils.service.ts index c8461d5a1a..ba7a7ffc79 100644 --- a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/service/canvas-utils.service.ts +++ b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/service/canvas-utils.service.ts @@ -1428,6 +1428,16 @@ export class CanvasUtils { return activeThreads; } }) + .attr('class', function () { + switch (d.type) { + case ComponentType.Processor: + case ComponentType.InputPort: + case ComponentType.OutputPort: + return `active-thread-count accent-color`; + default: + return `active-thread-count`; + } + }) .style('display', 'block') .each(function (this: any) { const activeThreadCountText = d3.select(this); @@ -1452,10 +1462,17 @@ export class CanvasUtils { return d.dimensions.width - bBox.width - 20; }) .attr('class', function () { - if (terminatedThreads > 0) { - return `active-thread-count-icon warn-color-darker`; - } else { - return `active-thread-count-icon primary-color`; + switch (d.type) { + case ComponentType.Processor: + case ComponentType.InputPort: + case ComponentType.OutputPort: + if (terminatedThreads > 0) { + return `active-thread-count-icon warn-color-darker`; + } else { + return `active-thread-count-icon primary-color`; + } + default: + return `active-thread-count-icon`; } }) .style('display', 'block') diff --git a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/_canvas.component-theme.scss b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/_canvas.component-theme.scss index e713edfde3..413045cddd 100644 --- a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/_canvas.component-theme.scss +++ b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/_canvas.component-theme.scss @@ -194,10 +194,6 @@ fill: $material-theme-warn-palette-darker; } - text.active-thread-count { - fill: $material-theme-accent-palette-default; - } - text.component-comments { fill: $material-theme-primary-palette-default; stroke: $alternate-surface;