doki-theme-vscode

doki-theme-vscode

VSCode动漫角色主题插件 丰富多彩的编程体验

doki-theme-vscode是一款为VSCode提供超过60种动漫角色主题的插件。除了丰富的代码配色方案外,还支持自定义背景图片、贴纸和壁纸。用户可以选择喜爱的动漫角色主题,增添编程乐趣。插件还提供隐藏水印、自定义资源等功能,方便用户个性化开发环境。

Doki ThemeVSCode动漫主题背景图片自定义资源Github开源项目

Gitter

主题预览

高中二年级病娇主题

<div align="center"> <h3>代码字体 <a href="https://rubjo.github.io/victor-mono/">Victor Mono</a></h3> </div>

功能预览

琉子主题使用

演示步骤:

  1. 选择琉子的配色主题
  2. 启用琉子的壁纸
  3. 重新加载/重启VSCode
  4. 展示玻璃板功能

屏幕样例!

完整主题相册。

关于!

基于可爱动漫角色的可爱主题。超过60个主题,你最喜欢的可能就在这里。

你可以从以下各种动漫、漫画或视觉小说中选择基于角色的主题:

<details> <summary>所有特色作品</summary>
  • 碧蓝航线
  • Blend S
  • Charlotte
  • 中二病也要谈恋爱!
  • 反叛的鲁路修
  • 与魔物娘的日常
  • 弹丸论破
  • DARLING in the FRANXX
  • 心跳文学部
  • 不要欺负我,长瀞同学
  • 埃罗芒阿老师
  • Fate系列
  • 未来日记
  • GATE奇幻自卫队
  • 罪恶王冠
  • 排球少年!!
  • 高中DxD
  • 邪神与厨二病少女
  • 狂赌之渊
  • KILL la KILL
  • 为美好的世界献上祝福!
  • LoveLive!
  • 幸运☆星
  • 小林家的龙女仆
  • 物语系列
  • 巧克力与香子兰
  • 新世纪福音战士
  • 一拳超人
  • 我的青春恋爱物语果然有问题
  • 我的妹妹哪有这么可爱!
  • 五等分的新娘
  • 青春笨蛋少年不做兔女郎学姐的梦
  • Re:从零开始的异世界生活
  • 盾之勇者成名录
  • 世话焦虑的狐妖小姐
  • 食戟之灵
  • 命运石之门
  • 刀剑神域
  • 关于我转生变成史莱姆这档事
  • 魔法禁书目录
  • 摇曳露营△
</details>

文档

配置

背景图片

背景壁纸可能是插件最好的功能之一。 这个功能会将背景图片设置为当前主题的官方壁纸。

**重要!!**安装主题资源需要通过修改CSS来破坏VS-Code。在卸载之前,你必须使用"移除贴纸/背景"命令将VS Code恢复到受支持的状态。你可以关闭VSCode并重新启动以移除烦人的不受支持警告。插件会自动修复VSCode的校验和。

玻璃板效果

Zero Two代码 Zero Two代码

设置

为了方便,当你运行安装壁纸命令时,壁纸和背景图片都会被安装。如果你想开启背景图片但关闭壁纸,可以使用下面列出的设置进行调整。

  • doki.background.enabled:运行'安装壁纸'命令时,是否在空白编辑器背景中显示图片。
  • doki.wallpaper.enabled:运行'安装壁纸'命令时,是否在代码编辑器顶部显示图片。

你需要在VSCode的settings.json中进行这些更改。

你也可以使用设置UI,只需搜索Doki就能找到相关设置。

https://user-images.githubusercontent.com/15972415/172961532-d8403999-15f0-4030-9f69-1da50002dfd9.mp4

隐藏水印

厌倦了VSCode水印影响你的风格? 你可以使用隐藏VSCode水印功能来隐藏它,这样你就可以充分享受你的艺术了。

**重要!!**隐藏水印需要通过修改CSS来破坏VS-Code。在卸载之前,你必须使用"移除贴纸/背景"命令将VS Code恢复到受支持的状态。你可以关闭VSCode并重新启动以移除烦人的不受支持警告。插件会自动修复VSCode的校验和。

隐藏水印

贴纸

显示贴纸允许你控制IDE右下角可爱贴纸的显示。

**重要!!**安装主题资源需要通过修改CSS来破坏VS-Code。在卸载之前,你必须使用"移除贴纸/背景"命令将VS Code恢复到受支持的状态。你可以关闭VSCode并重新启动以移除烦人的不受支持警告。插件会自动修复VSCode的校验和。

伊吹的暗色贴纸

自定义资源

好的,你可以为所有doki主题设置要使用的图像。允许的图像类型:jpg、png、gif。你需要在VSCode的settings.json中进行这些更改。

你也可以使用设置UI,只需搜索Doki就能找到相关设置。

注意:所有路径值_必须_是解析到运行VSCode的机器上文件的绝对路径。在配置引用系统上的文件之前,资源不会被安装。

自定义贴纸

"doki.sticker.path": "C:\\Users\\alex\\Downloads\\aqua_celebration.gif",

自定义贴纸

自定义贴纸定位

任何可用于修改贴纸位置的有效CSS。 作为参考,贴纸显示在窗口大小的伪元素上,并作为该元素的背景应用。所以你可能想要尝试background-positionbackground-size,或者任何你想要的效果!

自定义背景

这是空白编辑器屏幕(所有标签都关闭),带有VS Code水印的那个。

"doki.background.path": "C:\\Users\\alex\\Downloads\\chocola_celebration.gif",

自定义背景

自定义壁纸

这会显示在你的编辑器和其他地方。 注意:你需要让你的图片部分透明。 因为我太懒了,不想把所有背景都设置为部分透明来显示不透明的背景图片。我不想深入研究这个问题,也不想偏离我的配色方案。

"doki.wallpaper.path": "C:\\Users\\alex\\Downloads\\ishtar.png",

自定义背景

这就是当你不把自定义壁纸设置为透明时会发生的情况。

不透明壁纸

你什么都看不见!

自定义壁纸/背景锚点

这个值用于设置背景和壁纸的CSS"background-position"属性(例如:center、right、left等)

"doki.background.anchor": "center",

自定义状态栏名称

我无法获得每个主题的构建,所以我猜你想自定义并制作自己的主题。 我理解这一点,所以你可以更改状态栏中心形图标旁边显示的名称。

自定义状态栏名称

资源恢复

不幸的是,每次VSCode更新时,你都会丢失已安装的资源更改。 幸运的是,这个插件会记住你安装的资源,并在首次检测到VSCode更新时尝试恢复它们。

如果第一次恢复不成功,你可以修复问题,然后运行恢复资源命令,快速让你回到编码状态!

暗示性内容

<div align="center"> <img src="https://yellow-cdn.veclightyear.com/0a4dffa0/c86d2083-0451-4e4e-87bd-3fa7b399774d.gif" ></img> </div>

所以我认为给这个插件添加一些文化元素是个好主意。 <sup><sup>你的老铁主要是有点色。</sup></sup>

在你安装暗示性内容之前,我会给你一个警告。 我们中的一些人是专业的宅男,想保持专业形象。 如果你选择继续,不用担心,我不会再问你关于那个特定主题的问题。

适用于以下内容:

  • Rias Onyx:次要内容

移除资源

从你的VSCode中移除贴纸和壁纸,并恢复原始支持的状态。

显示更新日志

你知道我保留了一个更新日志吗? 你可以在这里找到它!

我还提供了一个"显示更新日志"操作,它会在你的VSCode中显示变更内容!

显示更新日志

其他

贡献

如果你想设置工作站来开发这个插件, 那么你可以查看CONTRIBUTING.md以了解需要什么。

主题请求

如果你想让你最喜欢的角色出现在Doki Theme系列中,可以随时提交主题请求

喜欢这个插件吗?

太好了!我很高兴你喜欢它!

请务必给它⭐并与其他宅男分享!

此外,在扩展市场上给它一个好评将有助于让更多的宅男看到这个插件!

想要贡献?

我认为你的声音需要被听到!你可能有很好的想法,所以请随时以问题的形式提交你的反馈。

帮助使这个插件变得更好!

更多Doki-Theme!


<div align="center"> <img src="https://yellow-cdn.veclightyear.com/0a4dffa0/a7f625a7-0fd3-4fc1-a3d4-f2ae27586342.png" ></img> </div>

编辑推荐精选

Vora

Vora

免费创建高清无水印Sora视频

Vora是一个免费创建高清无水印Sora视频的AI工具

Refly.AI

Refly.AI

最适合小白的AI自动化工作流平台

无需编码,轻松生成可复用、可变现的AI自动化工作流

酷表ChatExcel

酷表ChatExcel

大模型驱动的Excel数据处理工具

基于大模型交互的表格处理系统,允许用户通过对话方式完成数据整理和可视化分析。系统采用机器学习算法解析用户指令,自动执行排序、公式计算和数据透视等操作,支持多种文件格式导入导出。数据处理响应速度保持在0.8秒以内,支持超过100万行数据的即时分析。

AI工具酷表ChatExcelAI智能客服AI营销产品使用教程
TRAE编程

TRAE编程

AI辅助编程,代码自动修复

Trae是一种自适应的集成开发环境(IDE),通过自动化和多元协作改变开发流程。利用Trae,团队能够更快速、精确地编写和部署代码,从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能,是提升开发效率的理想工具。

AI工具TraeAI IDE协作生产力转型热门
AIWritePaper论文写作

AIWritePaper论文写作

AI论文写作指导平台

AIWritePaper论文写作是一站式AI论文写作辅助工具,简化了选题、文献检索至论文撰写的整个过程。通过简单设定,平台可快速生成高质量论文大纲和全文,配合图表、参考文献等一应俱全,同时提供开题报告和答辩PPT等增值服务,保障数据安全,有效提升写作效率和论文质量。

AI辅助写作AI工具AI论文工具论文写作智能生成大纲数据安全AI助手热门
博思AIPPT

博思AIPPT

AI一键生成PPT,就用博思AIPPT!

博思AIPPT,新一代的AI生成PPT平台,支持智能生成PPT、AI美化PPT、文本&链接生成PPT、导入Word/PDF/Markdown文档生成PPT等,内置海量精美PPT模板,涵盖商务、教育、科技等不同风格,同时针对每个页面提供多种版式,一键自适应切换,完美适配各种办公场景。

AI办公办公工具AI工具博思AIPPTAI生成PPT智能排版海量精品模板AI创作热门
潮际好麦

潮际好麦

AI赋能电商视觉革命,一站式智能商拍平台

潮际好麦深耕服装行业,是国内AI试衣效果最好的软件。使用先进AIGC能力为电商卖家批量提供优质的、低成本的商拍图。合作品牌有Shein、Lazada、安踏、百丽等65个国内外头部品牌,以及国内10万+淘宝、天猫、京东等主流平台的品牌商家,为卖家节省将近85%的出图成本,提升约3倍出图效率,让品牌能够快速上架。

iTerms

iTerms

企业专属的AI法律顾问

iTerms是法大大集团旗下法律子品牌,基于最先进的大语言模型(LLM)、专业的法律知识库和强大的智能体架构,帮助企业扫清合规障碍,筑牢风控防线,成为您企业专属的AI法律顾问。

SimilarWeb流量提升

SimilarWeb流量提升

稳定高效的流量提升解决方案,助力品牌曝光

稳定高效的流量提升解决方案,助力品牌曝光

Sora2视频免费生成

Sora2视频免费生成

最新版Sora2模型免费使用,一键生成无水印视频

最新版Sora2模型免费使用,一键生成无水印视频

下拉加载更多