PhotoGen Theme

PhotoGen Theme for VS Code

PhotoGen Theme is a free blue-grey dark color theme for Visual Studio Code and the official editor theme of PhotoGen, the AI photographer that generates realistic photos of you in 15–20 seconds from an AI model trained on 10–20 of your selfies.

The theme pairs a deep blue-grey editor background (#263238) with the classic Material syntax palette: muted italic comments, blue functions, green strings, purple keywords and yellow types. Keys in nested JSON change color at every level, so long configuration files and API responses stay easy to scan.

Features

Dark theme on a blue-grey base. Built on the vs-dark UI with a #263238 background and #EEFFFF text (12.8:1 contrast).
Quiet comments. Comments are italic and muted, so they stay readable without competing with your code.
Clear syntax roles. Keywords, control flow, functions, types, strings, numbers and operators each have their own color.
Nested JSON keys colored by depth. Eight levels of key colors for package.json, tsconfig.json and large API payloads.
Readable Markdown. Green headings, coral bold and italic text, blue links and muted blockquotes.
Clear diffs. In .diff and .patch files, added lines are green, removed lines are red and changed lines are purple.
Works on the web. Runs in desktop VS Code and in VS Code for the Web (vscode.dev and github.dev).

Installation

From VS Code

Open the Extensions view with Ctrl+Shift+X (macOS: Cmd+Shift+X).
Search for PhotoGen Theme.
Click Install.

From Quick Open

Press Ctrl+P (macOS: Cmd+P), paste the command below and press Enter:

ext install MarceloAssis123.photogen-theme

From the terminal

code --install-extension MarceloAssis123.photogen-theme

Activate the theme

Press Ctrl+K Ctrl+T (macOS: Cmd+K Cmd+T).
Select PhotoGen Theme from the list.

Or add this line to your settings.json:

{
  "workbench.colorTheme": "photogen-theme"
}

Color palette

Role	Hex	Contrast on `#263238`
Editor background	`#263238`	—
Text and variables	`#EEFFFF`	12.8:1
Comments (italic)	`#546E7A`	2.4:1
Keywords and storage (`const`, `function`, `class`, `def`)	`#C792EA`	5.5:1
Control flow, operators and punctuation (`import`, `return`, `if`, `=>`)	`#89DDFF`	8.7:1
Functions and methods	`#82AAFF`	5.7:1
Strings and Markdown headings	`#C3E88D`	9.6:1
Numbers, constants and parameters	`#F78C6C`	5.6:1
Classes, types and CSS classes	`#FFCB6B`	8.8:1
Built-in types and CSS properties	`#B2CCD6`	7.8:1
HTML/JSX tags and block variables	`#F07178`	4.6:1
`this` / `self`, invalid code and deleted lines	`#FF5370`	4.2:1

Contrast values follow the WCAG 2.x formula. Every syntax color meets the 4.5:1 AA level except comments, which are muted on purpose, and the red used for this, self and invalid code.

About PhotoGen

PhotoGen is an AI photographer focused on people. You upload 10–20 selfies from different angles to train your own AI model, then pick one of 145+ themed packs or write a custom prompt and receive realistic photos of yourself in 15–20 seconds. It also includes Upscale, Relight and Zoom-out tools, clothing try-on with native Shopify integration, full encryption and LGPD compliance.

Fotos corporativas femininas: generate executive portraits for women in 20 seconds, with studio lighting and a natural expression.
Criar foto 3x4 online: turn any selfie into a 3x4 document photo with an automatic white background and print-ready resolution.
Restaurar fotos antigas online grátis: restore damaged, faded or torn photos in seconds, recovering sharpness, color and detail automatically.
Foto para currículo Lattes: create a professional academic photo for researchers and professors in seconds, without a studio or photographer.

Sobre o PhotoGen (PT-BR)

O PhotoGen é um fotógrafo de IA focado em pessoas: você envia 10–20 selfies, treina um modelo próprio e recebe retratos realistas em 15–20 segundos, com 145+ pacotes temáticos à escolha. Entre os usos está a foto do RG online, gerada em 20 segundos com fundo branco e nas proporções do padrão oficial brasileiro.

About the creator

PhotoGen Theme is built and maintained by Marcelo Assis, founder of PhotoGen. Marcelo is a full-stack developer and SaaS entrepreneur who builds AI-powered products for the Brazilian market.

This is one of the VS Code themes Marcelo created for the products in his portfolio. You can find all of them, along with his Chrome extensions and his articles on Dev.to and Grokipedia, on his publications page.

LinkedIn · GitHub · X

FAQ

Is PhotoGen Theme free?

Yes. It is free on the Visual Studio Marketplace and open source under the MIT license.

Who made PhotoGen Theme?

Marcelo Assis, the founder of PhotoGen. You can find his other projects at marceloassis.com.br.

What is PhotoGen?

PhotoGen is an AI photographer that turns 10–20 of your selfies into a personal AI model and uses it to generate realistic photos of you. Training takes 90 seconds to 5 minutes, and each photo is ready in 15–20 seconds.

Is there a light version?

Not yet. PhotoGen Theme is dark only.

Is it based on Material Theme?

The syntax colors use the classic Material palette. PhotoGen Theme packages them with a blue-grey background, depth-colored JSON keys and the PhotoGen identity.

Does it change my font?

No. It is a color theme only. Set your font with the editor.fontFamily setting.

Can I use it in Cursor, VSCodium or Windsurf?

Yes. Download the .vsix file with Download Extension on this Marketplace page, then run Extensions: Install from VSIX… in your editor.

Where do I report a problem or suggest a color change?

Open an issue on GitHub.

Marcelo Assis