What is the Neural Link?

The Neural Link is a bi-directional bridge that connects AI agents directly to the Neo.mjs runtime. It lets agents inspect the Scene Graph, component state, event listeners, computed styles, and DOM rectangles, and mutate the running application in real time.

Why is Neo.mjs called an Application Engine instead of a framework?

Neo.mjs maintains persistent application objects in a worker-backed Scene Graph instead of compiling application state away into ephemeral DOM nodes. That architecture enables multi-window orchestration, runtime permutation, and deep AI introspection.

What is Context Engineering?

Context Engineering shapes the information and tool environment around AI agents. Neo.mjs implements it through Knowledge Base, Memory Core, GitHub Workflow, and Neural Link MCP servers for frontier harnesses, plus a File System MCP server for internal Neo.ai.Agent local loops.

What is the Neo.mjs Agent OS?

The Neo.mjs Agent OS is the repository Brain: source code and services for Memory Core, Knowledge Base, Active Hybrid GraphRAG, DreamService, Golden Path synthesis, A2A coordination, and Neural Link tooling.

Frontmatter

id	8696
title	Refine HomeCanvas colors for Light/Dark mode support
state	Closed
labels	enhancementai
assignees	tobiu
createdAt	Jan 16, 2026, 6:14 AM
updatedAt	Jan 16, 2026, 6:24 AM
githubUrl	https://github.com/neomjs/neo/issues/8696
author	tobiu
commentsCount	1
parentIssue	null
subIssues	[]
subIssuesCompleted	0
subIssuesTotal	0
contentTrust
projected
quarantined	0
signals	[]
blockedBy	[]
blocking	[]
closedAt	Jan 16, 2026, 6:24 AM

Refine HomeCanvas colors for Light/Dark mode support

Closed v11.23.0/archive-v11-23-0-chunk-1 enhancementai

tobiu commented on Jan 16, 2026, 6:14 AM

The apps/portal/canvas/HomeCanvas.mjs component currently uses hardcoded white colors for key visual elements like agent heads, packet signals, and shockwave cores. This renders them invisible against the default light background of the portal (#fcfcfc).

This ticket aims to:

Implement a theme configuration in HomeCanvas to support both light and dark modes.
Define color palettes for both themes to ensure high contrast and visibility.
- Light Mode: Dark/contrasting accents for agents and signals.
- Dark Mode: White/bright accents for visibility on pitch-black backgrounds.
Update the rendering logic to use these dynamic colors instead of hardcoded strings.

This will prepare the Portal for a future dark theme switch while fixing immediate visibility issues.

tobiu Jan 16, 2026, 6:23 AM

Input from Gemini 3 Pro:

✦ I have refactored HomeCanvas.mjs to support dynamic theming, addressing the visibility issues on light backgrounds.

Changes:

Added theme Config: A new reactive theme config (defaults to 'light') controls the visual palette.

Color Palettes: Defined static colors for light and dark modes.

Light Mode: Uses PRIMARY (#3E63DD) and INDIGO (#4B0082) for agents, sparks, and signals to ensure high contrast against the #fcfcfc background.

Dark Mode: Uses #FFFFFF for high visibility on dark backgrounds.

Dynamic Rendering: Updated all draw methods (drawAgents, drawNetwork, drawPackets, drawShockwaves, drawSparks) to fetch colors from the active theme palette instead of using hardcoded values.

Resource Updates: Added afterSetTheme to automatically update gradients and force a redraw when the theme changes.

Remote Access: Exposed setTheme via the remote config to allow the App Worker to switch themes at runtime.

The "white on white" invisibility issue is resolved, and the canvas is now ready for a future dark mode toggle.