pygments + bootstrap：使用深色背景突出显示shell代码

Question

我在我的小static blog generator中通过pygments和markdown渲染代码片段，我遇到了pygments和twitter bootstrap的问题。

这是我的问题：

我希望使用dark-solarized theme for pygments突出显示代码段。我把它下载到：

/lib/python2.7/site-packages/pygments/styles

测试按预期工作：

$ pygmentize -l python -f html -O full,style=solarized -o ./snippet.html ./test.sh

这会产生一个看起来像我预期的html文件：

Hoora地区！ pygments工作！现在，这就是我的博客文章中突出显示代码的方式：

糟糕......这看起来很糟糕......

如果我发表评论：

<link href="/media/css/bootstrap.min.css" rel="stylesheet">

语法突出显示按预期工作：

所以，我的问题是：如何使用pygments进行twitter-bootstrap游戏？

Answer 1

Override Bootstrap CSS for Pygments Syntax Highlighting：

/* fix bootstrap conflict with Pygments */
.codehilite pre { white-space: pre;
                  border-radius: inherit;
                  display: inherit;
                  background-color: inherit;
                  border: inherit;
                  color: inherit;
                }

/* fix conflict with other sytlesheets */
.codehilite .m { margin: inherit; }

Answer 2

经过一段时间思考这个问题是什么以及是否应该写出来之后，我想通了。

为了他人的利益，解决方案是定义pre元素的颜色：

pre { line-height: 125%; color: #93a1a1;}

现在按预期工作。