Question

我正在使用谷歌优秀的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很容易修改。

下载完整版（不是小版本，因为CSS已缩小）
打开src目录中的prettify.css文件。有10个左右的“元素”可以改变颜色。
从Visual Studio中抓取每种颜色的十六进制值（如果可用;如果没有，则可以使用颜色选择器应用程序获取十六进制值。）
替换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;
    }
}

如何让Google Prettify呈现更像Visual Studio

3 个答案: