Liferay DevCon 2026 — VSCode Theme

An IDE theme designed and built for Liferay DevCon 2026 attendees — a small thank-you to the community that makes DevCon what it is. Wear the brand in your editor from now until London.

About DevCon 2026

2–5 November 2026 Queen Elizabeth II Centre, Broad Sanctuary, London SW1P 3EE

"The largest gathering of Liferay developers worldwide."

Four days built around the code you actually write — talks on new features, cloud strategy, security, integrations and AI, plus:

A welcome reception to open the week on Monday evening
An evening party on Wednesday
A community-driven unconference on the final day, with the agenda set by attendees
Coffee, buffet meals, and the hallway conversations that make it all worthwhile

Programme & registration → events.liferay.com/event/devcon-26

The theme

Built entirely from the five official DEVCON 2026 brand colors — deep indigo depths lit by the signature DEVCON gradient. Your editor carries the same visual identity as the event.

Palette

Hex	Name	Used for
`#00072B`	Indigo D5	Editor background
`#000C75`	Indigo D3	Panel accents, elevated surfaces
`#0B5FFF`	Blue Primary	Keywords, control flow
`#7414FF`	Purple Default	Types, tags, selection, buttons
`#E500BD`	DEVCON Pink	Strings, cursor, active tab indicator

What's inside

Full workbench recolor — activity bar, side bar, tabs, status bar, panels, notifications, quick pick, command palette, settings, welcome page
Editor color scheme — TextMate and semantic token colors tuned for JavaScript, TypeScript, JSX/TSX, Python, Go, Rust, Java, Kotlin, HTML, CSS/SCSS, JSON, YAML, Markdown, regex, and every other language VSCode highlights
Rainbow brackets — six-level bracket colorization that cycles through the DEVCON gradient
Git decorations — added / modified / deleted / untracked colors mapped to the palette
Integrated terminal — ANSI palette derived from the brand hues
Diff editor, minimap, and debug UI — all recolored so nothing breaks the mood

Install

From a .vsix package

cd vscode
npx --yes @vscode/vsce package
code --install-extension devcon2026-1.0.0.vsix

Then: ⌘⇧P → Preferences: Color Theme → Liferay DevCon 2026.

From source (dev iteration)

Open the vscode/ folder in VSCode and press F5 to launch an Extension Development Host with the theme loaded.

See you in London.

Liferay DevCon 2026

Mahmmud Tayem