asp.net - 如何让 Google Prettify 渲染得更像 Visual Studio

Question

我正在使用 Google 出色的Code Prettify，我对此非常满意。

但是：有没有人碰巧有一个备用的 CSS 样式表，所以它会渲染得更像 Visual Studios 的默认颜色？绿色注释、红色文本/字符串等。

Answer 1

我花了一段时间，但我完全复制了我的 Visual Studio 的颜色配置。享受。

.com       { color: #008000; }
.str, .tag { color: #A31515; }
.kwd, .atv { color: #0000FF; }
.typ       { color: #2B91AF; }
.lit, .atn { color: #FF0000; }
.pun, .pln { color: #000000; }
.dec       { color: #800080; }

注释为绿色，字符串/标签为红色，关键字为蓝色，类型为蓝色，数字为红色，标点符号为黑色，声明为紫色。

Answer 2

我不使用 Visual Studio，所以我不知道配色方案，但 Prettify 很容易修改。

1. 下载完整版（不是小版，因为 CSS 已被缩小）
2. 打开 src 目录下的 prettify.css 文件。有 10 个左右的“元素”可以更改其颜色。
3. 从 Visual Studio 中获取每种颜色的十六进制值（如果可用；如果没有，您可以使用颜色选择器应用程序来获取十六进制值）。
4. 替换 CSS 文件中每个元素的颜色属性。

如果我知道颜色，我会很快自己把它拼凑起来，但希望这会有所帮助！

Answer 3

对于那些有兴趣的人。这是深色主题的配色方案。用 VS 2019 颜色制成。

.darkmode {
    .com {
        color: #57A64A;
    }

    .str, .tag {
        color: #D69D85;
    }

    .kwd, .atv {
        color: #569CD6;
    }

    .typ {
        color: #4EC9B0;
    }

    .lit, .atn {
        color: #B5CEA8;
    }

    .pun, .pln {
        color: #DCDCDC;
    }

    .dec {
        color: #C284C2;
    }
}