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

Question

我正在寻找正确的样式来配置 CopySourceAsHtml改变我的 Selenitic当我将其复制并粘贴到例如一封电邮。有人知道我需要使用什么 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。当然，“前景”是文本颜色，“背景”是背景颜色...如果您的插件支持它，您甚至可以考虑编写 font-size: bold 如果您看到 BoldFont="Yes" 在您的 XML 中。

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