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

Question

Visual Studio 代码有一个内置的 Markdown 预览器。可以在预览 window 中选择主题，方法是右键单击并选择 预览主题 ，然后从各种 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。果然，当我更改一些值时，我看到预览 window（在关闭并重新打开它或切换选项卡后）更新了指定的更改。

在此文件中有多个“主题”类，我怀疑是在您切换主题时引用的内容，而不是每个主题有多个 .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);
}

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

Where are the built-in Markdown CSS files in Visual Studio Code?

css

markdown

visual-studio-code