惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

aimingoo的专栏
aimingoo的专栏
腾讯CDC
Y
Y Combinator Blog
L
LangChain Blog
B
Blog
U
Unit 42
P
Proofpoint News Feed
G
Google Developers Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 【当耐特】
WordPress大学
WordPress大学
月光博客
月光博客
Vercel News
Vercel News
雷峰网
雷峰网
T
The Blog of Author Tim Ferriss
MyScale Blog
MyScale Blog
大猫的无限游戏
大猫的无限游戏
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
酷 壳 – CoolShell
酷 壳 – CoolShell
Blog — PlanetScale
Blog — PlanetScale
博客园 - 司徒正美
云风的 BLOG
云风的 BLOG
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园 - 叶小钗

晓雨杂记

为 PCL CE 添加 Sentry 集成 为 PCL CE 添加 Sentry 集成 【转载】舞萌 DX 报错 8103 / 8106 以及 0949 问题原因分析和解决方案 【转载】舞萌 DX 报错 8103 / 8106 以及 0949 问题原因分析和解决方案 【转载】舞萌国服 1.53 补丁更新内容速览 【转载】舞萌国服 1.53 补丁更新内容速览 站点之间,是生活的片段 站点之间,是生活的片段 EdgeOne 免费版,Yes! EdgeOne 免费版,Yes! 2025 年,把一加 6T 作为主力机是什么体验?(上) 2025 年,把一加 6T 作为主力机是什么体验?(上) 2024 年终总结 2024 年终总结 国行 iPhone 12 强开 Apple 智能 国行 iPhone 12 强开 Apple 智能 通过自定义主题重写我的博客 通过自定义主题重写我的博客 窗边浅谈:形同陌路的“朋友” 窗边浅谈:形同陌路的“朋友” 没有衡水命,一身衡水病——盲目复制衡水模式的意义何在? 没有衡水命,一身衡水病——盲目复制衡水模式的意义何在? 在 Valaxy 中使用 Artalk 作为评论系统 在 Valaxy 中使用 Artalk 作为评论系统 窗边浅谈:序章 窗边浅谈:序章 【转载】关于 HiPer 的安全性讨论,以及对于近期一些小事的简单介绍 【转载】关于 HiPer 的安全性讨论,以及对于近期一些小事的简单介绍 2023 年终回顾 2023 年终回顾
万物皆可美化之 VSCode
Big_Cake · 2023-10-01 · via 晓雨杂记

啥?这年头连 VSCode 都能美化?

起因 ​

一直以来,VSCode 给我的印象就只是一个黑乎乎或者亮瞎眼的再普通不过的界面了。从某种程度上来讲,这样的界面和 Windows 11 很不搭配,我就在想 VSCode 不是有主题嘛,社区肯定也会有一些好看的主题吧。事实上,真的有。

操作 ​

以管理员身份启动 VSCode ​

我们首先需要把所有正在运行的 VSCode 关掉,然后以管理员身份启动 VSCode,这样才能进行下一步操作。

1696135369271.webp

需要注意的一点是,以管理员身份启动 UserSetup 模式的 VSCode 会自动禁用更新。

安装主题 ​

打开侧边栏里的「扩展」,然后搜索 Fluent,安装 Fluent Pack 扩展包。这会安装四个扩展(两个主题,两个图标包)。

1696136046269.webp

安装完成以后,在左下角的「管理」、「主题」内更改「产品图标主题」,然后打开命令面板,输入 Fluent UI: Enable,回车启用主题。之后应该会有一个气球通知要求我们重新加载窗口,窗口重新加载完成之后就可以正常看到主题的效果了。

1696136087172.webp

主题的设置内能自定义背景图片,设置背景图片之后,主题会根据 Windows 11 云母效果对壁纸进行采样并放在背景层。

修改设置之后,需要在命令面板内重载主题才能生效。

我不想用了,怎么办? ​

以管理员身份启动 VSCode,先在命令面板内执行禁用指令,重载窗口之后再卸载主题。

如果你以普通用户身份禁用并卸载了主题,那么你的 workbench.html 将会变得面目全非。这时你需要打开 C:\Users\{username}\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\code\electron-sandbox\workbench,以管理员身份打开 workbench.html 手动编辑它,删除主题加入的所有处在 <!-- FUI-CSS-START --><!-- FUI-CSS-END -->. 注释之间的东西。删完之后,workbench.html 看起来应该是这样的:

html

<!-- Copyright (C) Microsoft Corporation. All rights reserved. -->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta
            http-equiv="Content-Security-Policy"
            content="default-src 'none'; img-src 'self' https: data: blob: vscode-remote-resource:; media-src 'self'; frame-src 'self' vscode-webview:; object-src 'self'; script-src 'self' 'unsafe-eval' blob:; style-src 'self' 'unsafe-inline'; connect-src 'self' https: ws:; font-src 'self' https: vscode-remote-resource:;"
        />
        <meta
            http-equiv="Content-Security-Policy"
            content="require-trusted-types-for 'script'; trusted-types amdLoader cellRendererEditorText defaultWorkerFactory diffEditorWidget stickyScrollViewLayer editorGhostText domLineBreaksComputer editorViewLayer diffReview dompurify notebookRenderer safeInnerHtml standaloneColorizer tokenizeToString;"
        />
    </head>

    <body aria-label=""></body>

    <!-- Startup (do not modify order of script tags!) -->
    <script src="workbench.js"></script>
</html>

或者你也可以单纯直接重装 VSCode。