Theme Studio for LeetCode
Crafted themes for LeetCode's problem page, plus an Anime Studio that turns any picture into a readable theme.
Theme Studio restyles the whole LeetCode problem page: the editor and its syntax colours, the panels, the console, the top bar and the typography. Each theme is designed as a material, not just a colour swap.
Anime Studio goes further. Pick one of two original scenes or bring your own picture, and the panels become glass over it, with contrast solved from the picture itself so your code always stays readable.
3.4.0
current version
1
browser permission
Chrome, Edge, Brave and Arc
works in
see it in action
On the page
LeetCode problem page themed with the Sakura Dusk anime scene behind glass panels
the good parts
What it does
Four material themes
Foolscap is crumpled kraft paper on a walnut desk. Sakura Night is petal pink and cold cyan on plum-indigo. Grid is a drafting table in monospace. Orchid is silk velvet with rose-gold trim.
Any picture becomes the theme
Two original scenes ship with it, Sakura Dusk and Neon Rain, or add your own. The panels turn to glass over the scene and the editor sits on frosted glass.
Readability is solved, not guessed
Glass opacity is calculated from your picture so text clears strong contrast, and syntax colours are generated from its own accents. No setting can make the code unreadable.
Episode moments
Open an unsolved problem and it plays like an episode, with the arc set by difficulty. Accepted, passing tests, Wrong Answer and time-outs each get their own moment and sound.
Focus mode
One shortcut, Ctrl+Shift+. (⌘⇧. on Mac), hides the scene, moments and sound on every tab. Built for contests and interviews.
Stays out of your way
Themes switch instantly on every open problem tab with no reload, nothing animates while you type, and Off gives LeetCode back its own look.
what it touches
Access, in plain words
Everything this extension asks your browser for, and exactly why.
Browser permission
storage
Remembers your theme, your Anime Studio settings and the picture you add, so they apply to every open LeetCode problem tab. It's saved in your browser and sent nowhere.
Runs on
leetcode.com/problems/* · leetcode.cn/problems/*
Restyling problem pages is the whole job, so the extension runs there and nowhere else. It applies the theme, recolours the editor, and notices when a Run or Submit result appears so it can play a moment.
Your data
The privacy policy
Theme Studio for LeetCode collects nothing and sends nothing anywhere. Everything it stores stays in your own browser.
Read the full policy
Theme Studio for LeetCode is an independent project and is not affiliated with or endorsed by LeetCode.