Theme Studio for LeetCode
Vinay Tiwari · Firefox
Custom LeetCode themes and dark mode for the code editor and problem page. Set any own picture or anime scene as your background + 7 other theme such as pixel, adventure, spider etc.
简介
Give LeetCode a complete makeover. Theme Studio adds dark mode themes, a matching code editor theme with its own syntax colors, and a custom background image behind the problem page. Pick one of eight handcrafted LeetCode themes, or turn any picture into one: an anime wallpaper, a photo you love, your desk setup. Text stays readable on every background, because the contrast is calculated from your picture.
It restyles the whole page, not just the editor: the problem description, the code editor and its syntax highlighting, the testcase console, the panels, the top bar and the fonts. Themes switch instantly in every open tab with no reload, and Off gives you the default look back.
ANIME STUDIO
• 18 scenes included, from moonlit shrines to city nights and dragons. Or add your own picture.
• A scene for each difficulty: a calm train window for Easy, a moonlit shrine for Medium, a crimson dragon for Hard. Choose your own for each.
• Panels turn into frosted glass over the scene, and syntax colors are generated from the art, with every token type in its own color.
• Readable by design: the glass is solved for each scene so text always clears strong contrast. No setting can make your code unreadable.
• Episode title cards: open an unsolved problem and it plays like an episode, 「第1話」 with the title and the arc.
• Verdict moments with sound effects for Accepted, passed tests, Wrong Answer and Time Limit Exceeded.
SHARE YOUR ACCEPTED SUBMISSIONS AND STREAK
After an Accepted submission you get a card with the problem, difficulty, your Beats %, language, runtime and your daily solve streak, ready to post on LinkedIn or X in one click. You can turn it off anytime.
EIGHT THEMES
• Anime Studio: 18 scenes or your own picture.
• Vintage Paper: crumpled kraft paper on a walnut desk, a warm light look.
• Sakura Night: petal pink and cold cyan on plum indigo.
• Grid: a dark drafting table with hard edges and monospace type.
• Orchid: silk velvet with rose-gold trim.
• Web Crawler: charcoal webs, crimson and electric blue, with spiders that drop in on your verdicts.
• Adventure: an RPG night realm with quests and loot.
• Pixel Art: an 8-bit world. Submit an Accepted answer and a pixel gunner blasts the page to pieces, then rewinds it.
FOCUS MODE FOR CONTESTS AND INTERVIEWS
One shortcut (Ctrl+Shift+.) hides the scene, the animations and the sound, so you can practice for coding interviews and weekly contests without distraction.
FAST AND PRIVATE
• No lag: scrolling and typing were measured and match the stock site.
• Nothing animates while you type.
• No account, no sign-in, no analytics and no network requests. Your settings and pictures stay in your browser.
• Runs only on problem pages.
Found a bug or want a new theme? Use the Report bug button in the popup.
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.
Theme Studio for LeetCode 是做什么的
Theme Studio for LeetCode 是一款面向 Firefox 的外观主题类扩展,主要用来更换浏览器配色、给网页加深色模式、调整界面观感。官方对它的介绍是:Custom LeetCode themes and dark mode for the code editor and problem page. Set any own picture or anime scene as your background + 7 other theme such as pixel, adventure, spider etc.在Firefox 附加组件商店(AMO)上,它当前版本 3.6.3,评分 5(1 人评价),约 44 名用户。
适合什么人用
从功能定位看,Theme Studio for LeetCode 更适合长时间对着屏幕、希望降低眼睛负担的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。
怎么安装 Theme Studio for LeetCode
- 打开Firefox 附加组件商店(AMO)上的官方页面;
- 点「添加到浏览器」并确认权限提示;
- 装好后在扩展列表里固定图标,方便随时开关。
本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。
常见问题
Theme Studio for LeetCode 是免费的吗?
Theme Studio for LeetCode 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。
Theme Studio for LeetCode 安全吗?
它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。
Theme Studio for LeetCode 支持哪些浏览器?
当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。
怎么卸载 Theme Studio for LeetCode?
在扩展管理页找到 Theme Studio for LeetCode,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。
权限清单 来自 manifest.json 原文
接口权限 1
storage