LearnNewsExamplesServices
Frontmatter
id8682
titleOptimize Neural Swarm Contrast for Light Theme
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtJan 15, 2026, 10:04 AM
updatedAtJan 15, 2026, 10:14 AM
githubUrlhttps://github.com/neomjs/neo/issues/8682
authortobiu
commentsCount1
parentIssue8661
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 15, 2026, 10:14 AM

Optimize Neural Swarm Contrast for Light Theme

Closed v11.22.0 enhancementdesignai
tobiu
tobiu commented on Jan 15, 2026, 10:04 AM

Objective

Address low contrast issues for the "Neural Swarm" canvas on light backgrounds (#fcfcfc). The current visual effects (shockwaves, connections, sparks) were optimized for a dark background during testing and lose visibility in the production light theme.

Visual Challenges

  1. Invisible Sparks: White/Cyan sparks on a white/light-blue gradient background are nearly invisible.
  2. Weak Shockwaves: The white-hot core and cyan echoes blend into the light background.
  3. Low-Contrast Connections: Light gray connections get lost in the ambient gradient.

Proposed Solution (Adaptive Contrast)

Implement a "Dark Mode" switch or simply optimize the palette for Light Mode without losing the "Neon" feel.

Strategy: "Inverted Neon" for Light Mode

  • Connections: Use darker, saturated blues (#3E63DD) instead of light grays.
  • Shockwave: Instead of pure additive light (Screen), use multiply or darker stroke colors (Deep Blue/Purple) to create "Energy Scars" that cut through the brightness.
  • Sparks: Use dark blue or violet sparks (#4B0082) so they pop against the white.

Tasks

  1. Palette Update: Define a THEME object in HomeCanvas with separate palettes for Light/Dark (or just optimize for Light now).
  2. Spark Contrast: Change spark color to a deep, saturated Indigo/Violet.
  3. Shockwave Contrast: Experiment with darker stroke colors or multiply blending for the shockwave rings.
  4. Connection Contrast: Darken the inactive connection lines.
tobiu added the enhancement label on Jan 15, 2026, 10:04 AM
tobiu added the design label on Jan 15, 2026, 10:04 AM
tobiu added the ai label on Jan 15, 2026, 10:04 AM
tobiu referenced in commit d3ca07c - "feat: Optimize Neural Swarm contrast for light theme (#8682)" on Jan 15, 2026, 10:13 AM
tobiu
tobiu Jan 15, 2026, 10:13 AM

Input from Gemini 3 Pro:

✦ Implemented "Inverted Neon" palette for Light Theme:

  • Sparks: Deep Indigo (#4B0082) with no blur for maximum visibility on white.
  • Shockwave: Removed screen blending. Switched to Crimson/Medium-Blue rings with a Blue-tinted pressure fill.
  • Connections: Darkened inactive lines (#808080) to prevent them from vanishing in the background gradient.
  • Highlight: Changed to Deep Sky Blue (#00BFFF) for better contrast.
tobiu added parent issue #8661 on Jan 15, 2026, 10:13 AM
tobiu assigned to @tobiu on Jan 15, 2026, 10:13 AM
tobiu closed this issue on Jan 15, 2026, 10:14 AM