如何更改rtd背景颜色?

时间:2018-01-31 10:34:31

标签: css sass python-sphinx read-the-docs

我想为sphinx-doc更改Read the Docs theme的背景颜色。

主题是使用sass编写的,我找到了变量$section-background-color,它定义为no-where。

如果我将#2980B9替换为项目中任何位置的其他值,则不起作用。这个疯狂的蓝色仍然从某个地方取回。

这种背景颜色定义在哪里?

我还尝试将所有$blue替换为$red中的_theme_variables_sass

2 个答案:

答案 0 :(得分:1)

(至少)有两种方法可以更改sphinx_rtd_theme样式:

  1. 按照docs中所述编辑用于构建主题的源SASS。只需确保Sphinx使用的是您新构建的sphinx_rtd_theme,而不是使用PyPI安装的(原始)版本即可。
  2. 用一个自定义CSS文件覆盖所需的CSS规则,答案为here

我发现2号要简单得多。例如,假设我要更改侧面标题,徽标和搜索栏后面的背景颜色。查看默认版本(检查页面样式),背景颜色在类.wy-side-nav-search中设置,因此只需在<project-dir>/_static/css内使用类

创建一个custom.css文件

.wy-side-nav-search{ background-color:<#yourHexColor> }

然后,在conf.py中添加:

def setup (app): app.add_stylesheet('css/custom.css')

make cleanmake build和中提琴。

关于定义背景色的地方,我看起来还不能说出来,但是希望这能使您(以及将来的访问者)获得理想的结果。

答案 1 :(得分:1)

与 NickT 的回答一样,但使用 css 变量,并设置移动版本标题颜色 -

body {
  --themecolor: black;
}

.wy-side-nav-search {
  background-color: var(--themecolor);
}
.wy-nav-top {
  background-color: var(--themecolor);
}