我创建了一个 VS Code 主题🔥️
大家好!
好久没在 dev.to 上发帖了,不过,嘿,我又回来了。最近大学的事情忙得不可开交。今天我要聊聊一件我觉得很难(至少对我来说)但又很神奇的事情。我一直很好奇“他们是怎么把 VS Code 主题/扩展做得这么棒的??”,前几天我就想试试,做一个能让我引以为豪的东西!
因此,我决定为 VS Code 创建自己的主题。它被称为火星之夜。(别担心,我会告诉你我是如何得到主题名称的想法的)。我观看了一些关于如何创建 VS Code 主题的 YouTube 教程并获得了一些想法。基本上,我学到的是,为了创建 VSCode 主题,必须编辑一个非常大的 JSON 文件。起初,我不知所措,但我仍然坚持下去。我想可能不是整个 JSON 文件,但我绝对可以编辑一些设置以创建一个非常基本的主题。因此,我开始阅读 VS Code 扩展 API 文档并为 VS Code 的不同组件以及编程语言中使用的令牌设置颜色。到目前为止,我已经为 HTML、CSS、JavaScript 完成了主题设置,稍后我会添加更多内容。
那么,我从哪里得到这个主题创意🤔️??
你在社交媒体上看过美国宇航局好奇号探测器拍摄的火星日落视频吗?我非常喜欢这个视频,我的主题灵感也来源于此。主题中使用的颜色以及名称都源于这个视频。主题使用深蓝色背景,前景是浅蓝色和白色文本。此外,代码中注释的颜色与火星土壤的颜色(红色)有些相似。
说得够多了,让我们来看看主题本身!!
我希望您安装这个主题并提供反馈,以便我将来改进它!另外,GitHub 仓库也已列出,如果您也想为这个主题做出贡献,欢迎随时留言🌟️
GitHub 仓库 => https://github.com/shaan71845/martian-night-vscode-theme
从这里下载主题 => https://marketplace.visualstudio.com/items?itemName=ShaanAlam.martian-night
我的 GitHub 个人资料 => https://github.com/shaan71845
文章来源:https://dev.to/shaancodes/i-created-a-vs-code-theme-1oem