如何让 Google Pretify 渲染得更像 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;
    }
}