All extensions

Theme Studio for LeetCode

Available now

Give LeetCode a complete makeover.

Eight handcrafted themes for the problem page, a code editor that matches, and any picture as your background.

Free. Version 3.6.0. Works in Chrome, Edge, Brave, Arc and Firefox.Privacy policyThe launch post on LinkedInSupport the project

Try every theme

LeetCode's problem page in each of the eight themes, and Off. Pick one to see it.

leetcode.com/problems/longest-substring-without-repeating-characters
LeetCode's problem page in the Anime Studio theme

Anime Studio. 18 scenes or your own picture, with frosted-glass panels and syntax colours taken from the art.

Vinay Tiwari, MCA student at IIT Patna
Vinay TiwariMCA student at IIT Patna

Help keep Theme Studio free

Hi, I'm Vinay, a student at IIT Patna. I built Theme Studio with Ankit and Aditya, and we want it to stay free: no ads, no account, no paywall, nothing tracked. More themes are on the way.

If it made LeetCode a nicer place to practise, you can chip in. Any amount helps us keep building.

Payments are handled by Razorpay and GitHub. Theme Studio for LeetCode stays free whether you chip in or not.

Turn any picture into a theme

Anime Studio ships with 18 scenes, from moonlit shrines to city nights and dragons, or you can add your own picture. The panels turn to frosted glass over it, syntax colours are generated from the art, and the glass is solved for each scene so your code always clears strong contrast.

Anime Studio: choosing a scene, with a live preview of the themed problem page

A scene for each difficulty

A calm train window for Easy, a moonlit shrine for Medium and a crimson dragon for Hard. Keep them, or choose your own for each.

An Easy problem with the train window scene
Easy
A Medium problem with the moonlit shrine scene
Medium
A Hard problem with the crimson dragon scene
Hard

Every solve plays like an episode

Open an unsolved problem and it plays an episode title card, with the problem's title and its arc. Accepted, passed tests, Wrong Answer and Time Limit Exceeded each get their own moment and sound.

An episode title card playing as a problem opens
Opening a problem
The Accepted moment after a successful submission
Accepted

Share your Accepted streak

After an Accepted submission you get a card with the problem, its difficulty, your Beats %, language, runtime and daily solve streak, ready to post on LinkedIn or X. You can turn it off anytime.

A share card for an Accepted submission, with the problem, Beats %, language and streak

Built to stay out of your way

The whole page, not just the editor
The description, the code editor and its syntax colours, the testcase console, the panels, the top bar and the fonts all change together.
Switches instantly
A new theme applies to every open problem tab with no reload, and Off gives you LeetCode's own look back.
Focus mode for contests
One shortcut, Ctrl+Shift+. (⌘⇧. on Mac), hides the scene, the animations and the sound on every tab.
No lag
Scrolling and typing were measured and match the stock site, and nothing animates while you type.
Private
No account, no sign-in, no analytics and no network requests. Your settings and pictures stay in your browser.
leetcode.com and leetcode.cn
It runs on problem pages on both sites, and nowhere else.

What it can access

Everything it asks your browser for, and why. Theme Studio for LeetCode collects nothing and sends nothing anywhere. Everything it stores stays in your own browser.

Read the privacy policy
  • Browser permission

    storage

    Remembers your theme, your Anime Studio settings, the picture you add and your solve streak, so they apply to every open LeetCode problem tab. It's saved in your browser and sent nowhere.

  • Browser permission

    offscreen

    Chrome mutes a tab you haven't clicked yet, so the moment sounds would stay silent there. A hidden page plays them instead. It only plays sounds bundled with the extension, loads nothing from the internet and reads nothing.

  • 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 reads the Run or Submit result LeetCode sends back to your page, so it can play a moment.

Try Theme Studio for LeetCode on your next problem.

Built by Vinay Tiwari with Ankit Sinha and Aditya Sharma.

Some scene artwork designed by Freepik – Magnific.com.

Theme Studio for LeetCode is an independent project and is not affiliated with or endorsed by LeetCode.

Free, and staying free

Nothing is locked behind a payment. If Theme Studio for LeetCode made your practice a little better, you can support the work. How supporting works