ammachado commented on code in PR #24275:
URL: https://github.com/apache/camel/pull/24275#discussion_r3486240303
##########
components/camel-diagram/src/main/docs/diagram.adoc:
##########
@@ -352,3 +403,22 @@ camel-route-diagram {
--crd-color-default: #6366f1; /* all other EIP nodes */
}
----
+
+==== Topology Diagram Theming
+
+[source,css]
+----
+camel-topology-diagram {
+ --ctd-bg: #ffffff; /* canvas background */
+ --ctd-fg: #1e293b; /* text colour */
+ --ctd-edge: #94a3b8; /* edge/arrow colour */
+ --ctd-stat: #64748b; /* metric overlay text */
+ --ctd-font: system-ui; /* font family */
+ --ctd-font-size: 12px; /* base font size */
+ --ctd-color-route: #6366f1; /* route nodes */
+ --ctd-color-trigger: #f59e0b; /* trigger/timer routes */
+ --ctd-color-external-in: #6b7280; /* external input endpoints */
+ --ctd-color-external-out: #6b7280; /* external output endpoints */
+ --ctd-color-external-shared: #8b5cf6; /* shared external endpoints */
+}
+----
Review Comment:
Thanks — addressed in 488d853359e2. I documented the node background
property in both theming sections, since `--crd-node-bg` was actually missing
from the Route Diagram Theming section as well (not yet present despite the
JSDoc listing it). I also used the comment text `/* node fill colour (defaults
to --crd-bg / --ctd-bg) */` rather than "auto-inverts in dark mode", since the
JS defines `--ctd-node-bg: var(--ctd-bg, ...)`, so it follows `--ctd-bg` rather
than inverting independently.
_Claude Code on behalf of Adriano Machado_
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
