如何让Google Prettify呈现得更像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; }

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

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

1. 下载完整版本(不是小版本,因为CSS已经缩小)
2. 在src目录中打开prettify.css文件。有10个左右的“元素”可以更改其颜色。
3. 从VisualStudio中获取每种颜色的十六进制值(如果可用,则可以使用颜色选择器应用程序获取十六进制值)。

如果我知道颜色,我会很快把它拼在一起,但希望这能帮上忙!

对于那些感兴趣的人。这是深色主题的配色方案。采用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;
    }
}