✨ 一句话总结:把 《青蛇》 的电影美学「熬」成VSCode主题,把东方美学融进敲代码的时光里~
✨ Summary: Distilling the cinematic aesthetics of the movie "Green Snake" into a VSCode theme. Infusing your coding moments with Oriental beauty.
《青蛇》主题 / Green Snake Theme
我在VSCode里藏了部东方美学电影。
I hid an Oriental aesthetic movie inside my VSCode.
🎨创作手记:从 "找主题" 到 "造主题" / 🎨 Creation Notes: From "Finding a Theme" to "Forging a Theme"
2021年的某个下午 ,我盯着VSCode主题市场🔎翻了百来页,试了两天。什么极简风、赛博朋克、莫兰迪色系......翻得我眼睛发酸——要么花里胡哨晃得代码都看不清的🙈,要么灰不溜秋像在看黑白电视的😭,愣是没找到合眼缘的。
One afternoon in 2021, I stared at the VSCode marketplace, scrolling through hundreds of pages for two whole days. Minimalism, Cyberpunk, Morandi... My eyes were getting sore. They were either too flashy, making the code unreadable 🙈, or too dull, like watching black-and-white TV 😭. I just couldn't find "The One".
"找不到就自己造呗!自己动手丰衣足食"💪
"If I can't find it, I'll build it myself!" 💪
刚开始我还琢磨着从世界名画里找灵感🔎,盯着梵高的星空发了两小时呆——结果越看越慌😣:这要真做成主题,敲代码时怕不是要以为自己掉进油画颜料罐里了?直到某天整理电脑,突然翻出压箱底的 《青蛇》 电影截图——哎呦喂!这不就是我心里想要的模样嘛!😄
At first, I looked for inspiration in world-famous paintings 🔎. I stared at Van Gogh's Starry Night for two hours—but the more I looked, the more I panicked 😣: If this became a theme, I'd feel like I fell into a paint bucket while coding! Until one day, while organizing files, I stumbled upon screenshots from the movie *** "Green Snake" ***(1993). Aha! This is exactly what I wanted! 😄
薄雾里的荷花池,张曼玉青蛇媚眼如丝的妖娆,王祖贤白蛇垂眸的温柔...每一帧都像浸在茶盏里的旧时光,是我刻在骨子里喜欢的东方韵味。我当场拍板:"就它了!"
The lotus pool shrouded in mist, the enchanting charm of Maggie Cheung (Green Snake), the gentle gaze of Joey Wong (White Snake)... Every frame felt like old times steeped in a teacup. It was that Oriental charm engraved in my bones. I decided right then and there: "This is it!"
接下来就是疯狂抠颜色的日子。对着电影截图一帧帧放大,拿取色器点得鼠标都快磨出包浆——
Then came the days of crazy color picking. Zooming in frame by frame, clicking with the color picker until my mouse almost wore out—
- 背景深蓝得像西湖夜雾里的月光
- 青蛇衣摆的绿得是新抽的柳芽尖儿
- 白蛇头饰的红得像刚出窑的釉里红
- The Background Blue had to be like moonlight in the night mist of West Lake.
- The Green Snake Green had to match the tip of a newly sprouted willow bud.
- The Headpiece Red had to look like freshly kiln-fired glazed red porcelain.
光是调"青蛇绿"就试了二十多版,太亮显眼,太暗又没灵气,最后盯着屏幕揉了揉发酸的眼睛:"就它!这才是最适合vscode的颜色~"
I tried over twenty versions just for that "Green Snake Green". Too bright? Distracting. Too dark? Lifeless. Finally, rubbing my sore eyes, I stared at the screen: "This is the one! The perfect color for VSCode."
配色搭好了,还得平衡好看和舒服——代码高亮不能晃眼,注释得清晰,光标得显眼但不能刺眼...前前后后折腾了几天,终于捣鼓出这个让我看了就想敲代码的主题。
Once the palette was set, I had to balance aesthetics with comfort—syntax highlighting shouldn't be glaring, comments must be clear, and the cursor needs to be visible but not piercing. After days of tweaking, I finally crafted this theme that makes me want to write code.
本来21年完成后就只自己用着乐呵,最近离职闲下来,突然想:"这么好看的主题咋能藏着掖着呢?不如整理整理,给大家也添点代码里的东方浪漫~"
I originally made this in 2021 just for myself. Recently, having some free time, I thought: "Why hide such a beautiful theme? I should clean it up and share this bit of Oriental romance with everyone."
又调整了一些颜色,logo也画了(虽然手残党画了八版才满意),现在就等着把它挂出去分享给大家。
I adjusted a few more colors and drew a logo (struggled through 8 versions to get it right). Now, it's ready for you.
敲代码是愉快的事,愿你在这属于东方的美中敲出属于自己的精彩。
Coding is a joy. May you code your own brilliance amidst this Oriental beauty.
实际效果 / Preview

三步召唤青蛇主题(附施法口诀)/ Three Steps to Summon "Green Snake" (Magic Spell Included)
Step1️⃣ 打开次元裂缝 / Open the Dimensional Rift
- Ctrl+Shift+X 打开扩展商店(像召唤神龙一样帅又快) - Press Ctrl+Shift+X to open the Extensions Marketplace.
Step2️⃣ 搜索关键词 / Chant the Spell
- 输入 Green Snake Theme 或 青蛇(建议搭配敲键盘的BGM:电影原声《流光飞舞》) - Type "Green Snake Theme" or "青蛇" (Recommended BGM: Movie Soundtrack "Dancing Lights").
Step3️⃣ 点击传送阵 / Click the Portal
- 给主题点个⭐ 点击「Install」按钮(安装时会有青烟特效在脑子哦) - Click the "Install" button. It will show a smoke effect in your mind while installing.
⚠️ 重要提示 / Important Notice
若出现「找不到主题」请检查:
If you can't find the theme, please check:
是否在扩展商店搜索(不是浏览器!)
Are you searching in the Extension Marketplace (not the browser)?
网络是否畅通(没网=没路,主题没法到你这)
Is your network working? (No internet = no path, the theme can't reach you.)
尝试重启VSCode(给程序一点施法时间)
Restart VSCode (Give the program a few casting seconds.)
色彩炼金术 / Color Alchemy
(悄悄说:每个颜色都藏着我无数次的取舍)(Whisper: Every color hides countless choices and tradeoffs)
| 色彩描述(Color) |
色值(Hex) |
来源小剧场(Backstory) |
| 背景深蓝 |
#1D2C4C |
深夜的颜色,让人能静下来,背景正适合这种静谧的蓝~ |
| Deep Night Blue |
#1D2C4C |
The color of late night. A quiet blue that helps you settle down and focus. |
| 顶部红 |
#C7504D |
白蛇头饰上的那抹红!像刚出窑的釉里红瓷器,融着化不开的热烈,如同敲代码的那份隐秘又炙热的热爱。 |
| Glazed Red |
#C7504D |
The red from White Snake's headpiece! Like fresh glazed porcelain, holding a hidden yet intense passion for coding. |
| 青蛇黄 |
#BCA734 |
青蛇黄绿纱质衣服交织出的颜色,本应跳跃的黄,却染上了绿,亮眼的同时又让人能沉浸 |
| Snake Yellow |
#BCA734 |
The color interwoven in Green Snake's silk robes. A vibrant yellow tinged with green—eye-catching yet immersive. |
| 青蛇绿 |
#629931af |
如同小青一样富有生命力,有原始力量感的“妖绿” |
| Vitality Green |
#629931af |
Full of life, like Little Green herself. A green with primal power. |
| 青蛇蓝 |
#2B5CB6 |
属于天空的纯粹蓝,如同敲代码的初衷只是自然又纯粹的喜欢 |
| Pure Sky Blue |
#2B5CB6 |
A pure sky blue, reminding us of the simple, natural joy of coding. |
| 粉 |
#CE6A88 |
既是莲花的粉,也是白蛇的柔,拥有化人心的力量 |
| Lotus Pink |
#CE6A88 |
The pink of the lotus, the softness of White Snake. A color that melts hearts. |
| 白 |
#ffffff |
简单干净,深色背景里用它,看着就像给代码戴了顶小珍珠发箍,清爽又精致~ |
| Pearl White |
#ffffff |
Simple and clean. Against the dark background, it looks like a pearl headband for your code—refreshing and exquisite. |
灵感来源(美图暴击)/ Inspiration Source (Visual Feast)
灵感来源图片都是互联网找的,如果侵权需要我删除修改等可以联系我。
Disclaimer: Images are sourced from the internet. Please contact me for removal if there are copyright issues.