VS Code PDF 阅读器深色模式：一行代码实现

"该文档介绍如何通过一行代码将VS Code内置的PDF阅读器调整为深色模式，以适应用户在深色主题下查看PDF的需求。方法主要涉及使用CSS和JavaScript来应用反色滤镜，通过修改LaTeX Workshop扩展的样式表实现永久更改。" 在VS Code中，内置的PDF阅读器基于pdf.js，但在深色主题下，其默认的白色背景可能造成视觉不适，尤其是在夜晚。为了解决这个问题，可以使用简单的CSS和JavaScript技巧将PDF预览调整为深色模式。一种广泛传播的解决方案是通过在浏览器控制台中输入以下JavaScript代码： ```javascript void(document.documentElement.style.filter = 'invert(89%)'); ``` 或简化为： ```javascript document.documentElement.style.filter = 'invert(89%)'; ``` 这段代码设置了反色滤镜，89%表示反色程度。在Edge或其他支持开发者工具的浏览器中，可以通过F12键打开控制台并执行此代码，以临时实现PDF的深色模式。 对于VS Code，由于代码执行后会改变整个编辑器的颜色，所以需要在PDF被选中时在控制台中运行上述代码。为了永久性地改变PDF预览的样式，我们需要找到并编辑LaTeX Workshop扩展的样式表。在Windows系统中，该文件通常位于 `%userprofile%\.vscode\extensions\james-yu.latex-workshop-<版本号>\viewer\viewer.css`。找到`#viewerContainer`选择器，并添加以下CSS代码： ```css filter: invert(88%); ``` 这将在每次打开PDF时自动应用深色模式。如果使用OneDark主题，可以调整滤镜参数为： ```css filter: invert(85%) sepia(70%) hue-rotate(180deg); ``` 以获得与主题更协调的预览效果。 这种方法不仅限于VS Code，还可以应用于其他支持JavaScript的软件，如Zotero。不过要注意，这种方式会全局改变所有元素的颜色，所以在Zotero中使用类似代码时，所有内容都将呈现反色。 总结来说，通过修改VS Code扩展的CSS样式以及使用JavaScript的滤镜功能，我们可以轻松地将内置PDF阅读器转换为深色模式，提高夜间或深色主题环境下的阅读体验。这个技巧不仅适用于LaTeX文档预览，而且可以扩展到其他支持自定义脚本的PDF查看环境。