css - 作为 CSS 的 Visual Studio 标准样式

Question

我正在寻找正确的样式来配置CopySourceAsHtml以在我将其复制并粘贴到例如电子邮件时将我的Selenitic样式更改为默认的 Visual Studio 样式。有人知道我需要使用什么 CSS 样式来正确设置它吗？

当我复制和粘贴源代码电子邮件时，我得到一个深色背景。如果我将其设置为白色，它将以难以阅读的浅色显示所有文本。所以我需要改变完整的风格。

Answer 1

您的插件希望 CSS 看起来如何？如果你在文本编辑器中打开我在上面评论中提到的主题，你会看到很多这样的行：

<Item Name="outlining.collapsehintadornment" Foreground="0x00E8DDD7" Background="0x00FAF7F6" BoldFont="No"/>

现在，由于我不知道您的插件对 CSS 的期望究竟如何，我将继续并举例说明这在 CSS 中可能是什么样子：

.outlining-collapsehintadornment
{
    color: #D7DDE8;
    background-color: #F6F7FA;
}

或者：

<Item Name="String" Foreground="0x001515A3" Background="0x02000000" BoldFont="No"/>

变成

.String
{
    color: #A31515; 
    background-color: #000000;
}

我是怎么得到这个的？

Visual Studio 设置文件将颜色代码保存为“代码十六进制”值。他们使用 BGR 而不是 RGB。这意味着您可以非常简单地将这个 VS 颜色十六进制转换为 HTML 颜色十六进制。由于 HTML 使用 RGB，因此不要忘记反转代码。例如：0x00E8DDD7。将 0x00（有时可能是 0x02）替换为 #。然后交换前 2 个字符和后 2 个字符（BGR 到 RGB）。所以你得到#E8DDD7 = #D7DDE8。当然，“前景”是文本颜色，“背景”是背景颜色……如果你的插件支持它，你甚至可以考虑在你的 XML 中font-size: bold看到。BoldFont="Yes"

总结：在文本编辑器中打开我在上面的评论中提到的 VSSettings 文件。然后将所有内容转换为 CSS。编写一个简单的程序来执行此操作，或者手动执行，无论您喜欢什么。请记住，这只是其外观的一个示例。我不知道“CopySourceAsHtml”期望你的 CSS 是什么样子。