Visual Studio Code 中的内置 Markdown CSS 文件在哪里？

Question

Visual Studio Code 有一个内置的 Markdown 预览器。可以在预览窗口中通过右键单击并选择“预览主题”并从各种 CSS 选项（例如github-light.css、none.css等）中进行选择来选择主题。

我想使用其中一些 CSS 文件作为我自己的 Markdown 预览 CSS 的起点。这些 CSS 文件位于何处以及如何访问它们？

Answer 1

在我的 Windows 计算机上，控制样式的 CSS 文件看起来位于C:\Program Files\Microsoft VS Code\resources\app\extensions\markdown-language-features\media. 该文件名为markdown.css. 果然，当我更改周围的一些值时，我看到预览窗口（关闭并重新打开它或切换选项卡后）会更新指定的更改。

该文件中包含多个“主题”类，我怀疑这些类是您切换主题时引用的类，而不是每个主题有多个 .css 文件：

/** Theming */

.vscode-light pre {
    background-color: rgba(220, 220, 220, 0.4);
}

.vscode-dark pre {
    background-color: rgba(10, 10, 10, 0.4);
}

.vscode-high-contrast pre {
    background-color: rgb(0, 0, 0);
}

.vscode-high-contrast h1 {
    border-color: rgb(0, 0, 0);
}

.vscode-light th {
    border-color: rgba(0, 0, 0, 0.69);
}

.vscode-dark th {
    border-color: rgba(255, 255, 255, 0.69);
}

.vscode-light h1,
.vscode-light hr,
.vscode-light td {
    border-color: rgba(0, 0, 0, 0.18);
}

.vscode-dark h1,
.vscode-dark hr,
.vscode-dark td {
    border-color: rgba(255, 255, 255, 0.18);
}