n8n Prime Playground

Tracking since May 19, 2026.

Changelog

• May 25, 2026
  description

  n8n Prime Playground is the only Chrome extension that adds visual 
  themes, UI customization, and a production safety system to 
  n8n — the open-source workflow automation platform.
  
  Transform your n8n interface from a flat grey editor into a 
  fully customized visual environment. Change themes, fonts, 
  colors, node styles, canvas wallpapers, and execution state 
  indicators — all from a single extension popup.
  
  ──────────────────────────────────────
  🚨 n8n PRODUCTION SAFETY INDICATOR
  ──────────────────────────────────────
  
  The most important feature in n8n Playground isn't visual —
  it's protective.
  
  When you open an n8n workflow that is Published and Active,
  the extension immediately fires a hard red border across the 
  entire n8n interface with a "🔥 LIVE MODE 🔥" banner. You 
  will never accidentally edit a live, running n8n workflow 
  without knowing it.
  
  Draft and unpublished n8n workflows display a calm blue 
  DEVELOPER indicator. Switch between environments instantly 
  and always know exactly what state your workflow is in.
  
  After every n8n workflow execution, connector lines turn 
  green for successful paths and red for errors — visual 
  debugging directly on the n8n canvas, no logs required.
  
  ──────────────────────────────────────
  🎨 n8n THEMES — NINE VISUAL ENVIRONMENTS
  ──────────────────────────────────────
  
  Nine hand-crafted n8n themes that simultaneously restyle 
  every surface of the n8n UI: the overview dashboard, 
  workflow canvas, project cards, execution statistics, 
  sidebar, and animated insight circles.
  
  n8n Theme List:
  - Black & White — Monochrome n8n UI (FREE)
  - Warm Glow — Amber-toned n8n interface (FREE)
  - Cyberpunk — Neon pink-purple n8n dark theme (PRO)
  - Radiation Reactor — Toxic green n8n theme with 
    animated orbital stat rings (PRO)
  - Sea Side Dev — Aqua and cyan n8n canvas (PRO)
  - Aurora Synth — Deep purple n8n dark mode (PRO)
  - Crimson Velvet — Deep red n8n dark theme (PRO)
  - Gold Dawgs — Warm amber n8n UI (PRO)
  - Pink Rose — Magenta-rose n8n interface (PRO)
  
  Switch n8n themes in one click. Preview any Pro n8n theme 
  for 60 seconds before purchasing. Two themes are free forever.
  
  ──────────────────────────────────────
  🎛 n8n THEME BUILDER — CUSTOM n8n UI
  ──────────────────────────────────────
  
  A live CSS editor built into the extension popup that lets 
  you create a completely custom n8n interface from scratch:
  
  - Custom n8n fonts — Inter, Space Grotesk, Geist, Fira Code,
    DM Sans, OpenDyslexic (accessibility), and System Default
  - Global font scaling — resize all n8n UI text from 70–200%
  - n8n canvas background color and grid dot color
  - n8n edge and connector default color
  - n8n node appearance — colorize all nodes or AI nodes
  - n8n text colors — primary and secondary
  - n8n execution state colors — running, success, error
  - Accessibility modes — Deuteranopia, Protanopia, 
    Monochrome, High Contrast, Large Cursor, Normal mode
  
  Export your custom n8n theme as a JSON file. Import themes 
  from the community. Share your n8n UI configuration.
  
  ──────────────────────────────────────
  🖼 n8n CANVAS CUSTOMIZATION — ALL FREE
  ──────────────────────────────────────
  
  Full n8n canvas customization included in the free tier:
  
  - n8n Wallpaper Engine — 45 curated gradients across Neon, 
    Metallic, and Solid palettes. Upload any custom image as 
    your n8n canvas background.
  - n8n per-node color — right-click any n8n node to assign 
    it an individual color. Hover glow and selection glow 
    follow your chosen color automatically.
  - n8n connector coloring — double-click any n8n workflow 
    connection line to recolor it. Map your n8n data flows 
    visually by type, team, or priority.
  - Four n8n background modes: Default, Theme, Preset, Custom
  
  ──────────────────────────────────────
  🏢 n8n MULTI-ENVIRONMENT MANAGEMENT
  ──────────────────────────────────────
  
  Built for n8n agencies, freelancers, and teams managing 
  multiple n8n Cloud or self-hosted n8n instances.
  
  Apply visually distinct n8n themes to different workspaces 
  so your staging, production, and client n8n environments 
  are impossible to confuse at a glance. The n8n Live/Dev 
  indicator reinforces this separation at the workflow level.
  
  Works on n8n Cloud (app.n8n.cloud) and self-hosted n8n 
  instances. Compatible with n8n 2.x and the current stable 
  n8n release.
  
  ──────────────────────────────────────
  🔒 PRIVACY — ZERO DATA COLLECTION
  ──────────────────────────────────────
  
  - No analytics, no telemetry, no tracking of any kind
  - All n8n Playground settings stored locally in your browser
  - No account required for any free feature
  - One outbound request only: Pro license verification 
    (sends your Gumroad email — user-triggered only)
  - No obfuscated code — clean, audited architecture
  
  ──────────────────────────────────────
  ⚙ TECHNICAL SPECIFICATIONS
  ──────────────────────────────────────
  
  - Chrome Extension Manifest V3
  - n8n Cloud support (app.n8n.cloud)
  - Self-hosted n8n support via optional permission grant
  - Single shared MutationObserver — zero performance impact
    on n8n workflow canvas performance
  - Layered CSS architecture — zero conflicts with n8n's 
    own styles or future n8n UI updates
  - Security audited — no eval(), no remote script loading,
    sender-validated message passing
  
  ──────────────────────────────────────
  💰 n8n PLAYGROUND PRICING
  ──────────────────────────────────────
  
  FREE TIER
  2 n8n themes · Full canvas customization · n8n wallpaper 
  engine · Per-node and per-connector coloring · Live/Dev 
  safety indicator · Theme Builder · Accessibility modes
  
  PRO TIER — $15 one-time (no subscription)
  All 9 n8n themes · All future n8n theme drops · 
  Lifetime access · Priority compatibility updates
  
  Activate Pro at: sharmaji04.gumroad.com/l/n8n_playground
  
  ──────────────────────────────────────
  Whether you are looking for an n8n dark theme, a fresh n8n skin, or complete n8n customization, this extension provides the ultimate n8n styling experience—complete with an n8n wallpaper engine and n8n custom font support.
  ──────────────────────────────────────
  
  Built by SharmaJi · [email protected]
  sharmaji04.gumroad.com/l/n8n_playground

  🎉 UPDATE v2.22.0 - The Compatibility & Security Update
  
  Full n8n v2.22.0 Support: Completely patched all visual regressions and layout breaks caused by n8n's newest native update.
  Brand New Name: We are officially now n8n Prime Playground!
  Security First: We completely removed the tabs permission.
  
  n8n Prime Playground is the only Chrome extension that adds visual 
  themes, UI customization, and a production safety system to 
  n8n — the open-source workflow automation platform.
  
  Transform your n8n interface from a flat grey editor into a 
  fully customized visual environment. Change themes, fonts, 
  colors, node styles, canvas wallpapers, and execution state 
  indicators — all from a single extension popup.
  
  ──────────────────────────────────────
  🚨 n8n PRODUCTION SAFETY INDICATOR
  ──────────────────────────────────────
  
  The most important feature in n8n Playground isn't visual —
  it's protective.
  
  When you open an n8n workflow that is Published and Active,
  the extension immediately fires a hard red border across the 
  entire n8n interface with a "🔥 LIVE MODE 🔥" banner. You 
  will never accidentally edit a live, running n8n workflow 
  without knowing it.
  
  Draft and unpublished n8n workflows display a calm blue 
  DEVELOPER indicator. Switch between environments instantly 
  and always know exactly what state your workflow is in.
  
  After every n8n workflow execution, connector lines turn 
  green for successful paths and red for errors — visual 
  debugging directly on the n8n canvas, no logs required.
  
  ──────────────────────────────────────
  🎨 n8n THEMES — NINE VISUAL ENVIRONMENTS
  ──────────────────────────────────────
  
  Nine hand-crafted n8n themes that simultaneously restyle 
  every surface of the n8n UI: the overview dashboard, 
  workflow canvas, project cards, execution statistics, 
  sidebar, and animated insight circles.
  
  n8n Theme List:
  - Black & White — Monochrome n8n UI (FREE)
  - Warm Glow — Amber-toned n8n interface (FREE)
  - Cyberpunk — Neon pink-purple n8n dark theme (PRO)
  - Radiation Reactor — Toxic green n8n theme with 
    animated orbital stat rings (PRO)
  - Sea Side Dev — Aqua and cyan n8n canvas (PRO)
  - Aurora Synth — Deep purple n8n dark mode (PRO)
  - Crimson Velvet — Deep red n8n dark theme (PRO)
  - Gold Dawgs — Warm amber n8n UI (PRO)
  - Pink Rose — Magenta-rose n8n interface (PRO)
  
  Switch n8n themes in one click. Preview any Pro n8n theme 
  for 60 seconds before purchasing. Two themes are free forever.
  
  ──────────────────────────────────────
  🎛 n8n THEME BUILDER — CUSTOM n8n UI
  ──────────────────────────────────────
  
  A live CSS editor built into the extension popup that lets 
  you create a completely custom n8n interface from scratch:
  
  - Custom n8n fonts — Inter, Space Grotesk, Geist, Fira Code,
    DM Sans, OpenDyslexic (accessibility), and System Default
  - Global font scaling — resize all n8n UI text from 70–200%
  - n8n canvas background color and grid dot color
  - n8n edge and connector default color
  - n8n node appearance — colorize all nodes or AI nodes
  - n8n text colors — primary and secondary
  - n8n execution state colors — running, success, error
  - Accessibility modes — Deuteranopia, Protanopia, 
    Monochrome, High Contrast, Large Cursor, Normal mode
  
  Export your custom n8n theme as a JSON file. Import themes 
  from the community. Share your n8n UI configuration.
  
  ──────────────────────────────────────
  🖼 n8n CANVAS CUSTOMIZATION — ALL FREE
  ──────────────────────────────────────
  
  Full n8n canvas customization included in the free tier:
  
  - n8n Wallpaper Engine — 45 curated gradients across Neon, 
    Metallic, and Solid palettes. Upload any custom image as 
    your n8n canvas background.
  - n8n per-node color — right-click any n8n node to assign 
    it an individual color. Hover glow and selection glow 
    follow your chosen color automatically.
  - n8n connector coloring — double-click any n8n workflow 
    connection line to recolor it. Map your n8n data flows 
    visually by type, team, or priority.
  - Four n8n background modes: Default, Theme, Preset, Custom
  
  ──────────────────────────────────────
  🏢 n8n MULTI-ENVIRONMENT MANAGEMENT
  ──────────────────────────────────────
  
  Built for n8n agencies, freelancers, and teams managing 
  multiple n8n Cloud or self-hosted n8n instances.
  
  Apply visually distinct n8n themes to different workspaces 
  so your staging, production, and client n8n environments 
  are impossible to confuse at a glance. The n8n Live/Dev 
  indicator reinforces this separation at the workflow level.
  
  Works on n8n Cloud (app.n8n.cloud) and self-hosted n8n 
  instances. Compatible with n8n 2.x and the current stable 
  n8n release.
  
  ──────────────────────────────────────
  🔒 PRIVACY — ZERO DATA COLLECTION
  ──────────────────────────────────────
  
  - No analytics, no telemetry, no tracking of any kind
  - All n8n Playground settings stored locally in your browser
  - No account required for any free feature
  - One outbound request only: Pro license verification 
    (sends your Gumroad email — user-triggered only)
  - No obfuscated code — clean, audited architecture
  
  ──────────────────────────────────────
  ⚙ TECHNICAL SPECIFICATIONS
  ──────────────────────────────────────
  
  - Chrome Extension Manifest V3
  - n8n Cloud support (app.n8n.cloud)
  - Self-hosted n8n support via optional permission grant
  - Single shared MutationObserver — zero performance impact
    on n8n workflow canvas performance
  - Layered CSS architecture — zero conflicts with n8n's 
    own styles or future n8n UI updates
  - Security audited — no eval(), no remote script loading,
    sender-validated message passing
  
  ──────────────────────────────────────
  💰 n8n PLAYGROUND PRICING
  ──────────────────────────────────────
  
  FREE TIER
  2 n8n themes · Full canvas customization · n8n wallpaper 
  engine · Per-node and per-connector coloring · Live/Dev 
  safety indicator · Theme Builder · Accessibility modes
  
  PRO TIER — $15 one-time (no subscription)
  All 9 n8n themes · All future n8n theme drops · 
  Lifetime access · Priority compatibility updates
  
  Activate Pro at: sharmaji04.gumroad.com/l/n8n_playground
  
  ──────────────────────────────────────
  Whether you are looking for an n8n dark theme, a fresh n8n skin, or complete n8n customization, this extension provides the ultimate n8n styling experience—complete with an n8n wallpaper engine and n8n custom font support.
  ──────────────────────────────────────
  
  Built by SharmaJi · [email protected]
  sharmaji04.gumroad.com/l/n8n_playground

Permissions & access

Permissions

storagecontextMenus

Host access

https://*.app.n8n.cloud/*, https://*.n8n.cloud/*

Screenshots