Skip to content

Add the ability to change the nav search background color #404

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 9 commits into from
Closed

Add the ability to change the nav search background color #404

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
0541eb0
Change css file extension
Blendify Mar 31, 2017
a73925b
Add theme color var
Blendify Mar 31, 2017
e552d9c
Update _theme_variables.sass
Blendify Mar 31, 2017
bd09505
Update _theme_layout.sass
Blendify Mar 31, 2017
2bb75f5
Change color
Blendify Apr 1, 2017
eb8588c
Merge branch 'master' into nav-search-background-color
Blendify Apr 22, 2017
7df2580
Merge branch 'master' into nav-search-background-color
Blendify Dec 18, 2017
52e3d5d
Include css_t for pypi
Blendify Dec 18, 2017
40d0e13
Add documentation for nav_search_background_color
Blendify Dec 18, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions Gruntfile.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ module.exports = function(grunt) {
cwd: 'sass',
src: ['*.sass'],
dest: 'sphinx_rtd_theme/static/css',
ext: '.css'
ext: '.css_t'
}]
},
build: {
Expand All @@ -84,7 +84,7 @@ module.exports = function(grunt) {
cwd: 'sass',
src: ['*.sass'],
dest: 'sphinx_rtd_theme/static/css',
ext: '.css'
ext: '.css_t'
}]
}
},
Expand Down
2 changes: 1 addition & 1 deletion MANIFEST.in
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
include *.txt
include LICENSE
recursive-include sphinx_rtd_theme *.conf
recursive-include sphinx_rtd_theme *.css
recursive-include sphinx_rtd_theme *.css_t
recursive-include sphinx_rtd_theme *.eot
recursive-include sphinx_rtd_theme *.html
recursive-include sphinx_rtd_theme *.js
Expand Down
8 changes: 8 additions & 0 deletions README.rst
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -87,13 +87,16 @@ file of this repository, and can be defined in your project's ``conf.py`` via
.. code:: python

html_theme_options = {
# Base Options
'typekit_id': '',
'canonical_url': '',
'analytics_id': '',
'logo_only': False,
'display_version': True,
'prev_next_buttons_location': bottom,
'style_external_links': False,
# CSS Options
'nav_search_background_color': #2980B9,
Copy link
Member Author

@Blendify Blendify Jan 19, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I guess the # will need to be escaped somehow?

Copy link
Contributor

@davidfischer davidfischer Jan 31, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think it's just a string in the conf.py directory. Wouldn't it simply be quoted?

# Toc options
'collapse_navigation': False,
'sticky_navigation': True,
Expand All @@ -117,6 +120,11 @@ Base options
and will display the "Next" and "Previous" buttons accordingly
* ``style_external_links`` Add an icon next to external links. Defaults to ``False``.

CSS Options
~~~~~~~~~~~

* ``nav_search_background_color`` Color. Defines the color for the navigation search area.

TOC Options
~~~~~~~~~~~

Expand Down
2 changes: 1 addition & 1 deletion sass/_theme_layout.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -170,7 +170,7 @@
padding: $gutter / 2
margin-bottom: $gutter / 2
z-index: $z-index-popover
background-color: $nav-search-background-color
background-color: #{$nav-search-background-color}
text-align: center
padding: $gutter / 2
display: block
Expand Down
2 changes: 1 addition & 1 deletion sass/_theme_variables.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ $menu-link-active: $white

// Navigation colors
$nav-background-color: $menu-background-color
$nav-search-background-color: $blue
$nav-search-background-color: "{{ theme_nav_search_background_color }}"
$nav-search-color: $section-background-color
$nav-link-color: $blue
$nav-link-color-visited: $purple
Expand Down
3 changes: 3 additions & 0 deletions sphinx_rtd_theme/theme.conf
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,9 @@ inherit = basic
stylesheet = css/theme.css
pygments_style = default

[colors]
nav_search_background_color = #2980B9

[options]
typekit_id = hiw1hhg
canonical_url =
Expand Down