Georg Brandl avatar Georg Brandl committed cbb3c04

#497: Introduce separate background color for the sidebar collapse button, making it easier to see.

Comments (0)

Files changed (5)

 
 * #510: Fix inheritance diagrams for classes that are not picklable.
 
+* #497: Introduce separate background color for the sidebar collapse
+  button, making it easier to see.
+
 * #502, #503, #496: Fix small layout bugs in several builtin themes.
 
 
   - **footerbgcolor** (CSS color): Background color for the footer line.
   - **footertextcolor** (CSS color): Text color for the footer line.
   - **sidebarbgcolor** (CSS color): Background color for the sidebar.
+  - **sidebarbtncolor** (CSS color): Background color for the sidebar collapse
+    button (used when *collapsiblesidebar* is true).
   - **sidebartextcolor** (CSS color): Text color for the sidebar.
   - **sidebarlinkcolor** (CSS color): Link color for the sidebar.
   - **relbarbgcolor** (CSS color): Background color for the relation bar.

sphinx/themes/default/static/default.css_t

     font-size: 1em;
 }
 
+{% if theme_collapsiblesidebar|tobool %}
+/* for collapsible sidebar */
+div#sidebarbutton {
+    background-color: {{ theme_sidebarbtncolor }};
+}
+{% endif %}
 
 /* -- hyperlink styles ------------------------------------------------------ */
 

sphinx/themes/default/static/sidebar.js

         '<div id="sidebarbutton"><span>&laquo;</span></div>'
     );
     var sidebarbutton = $('#sidebarbutton');
+    light_color = sidebarbutton.css('background-color');
     // find the height of the viewport to center the '<<' in the page
     var viewport_height;
     if (window.innerHeight)
   add_sidebar_button();
   var sidebarbutton = $('#sidebarbutton');
   set_position_from_cookie();
-});
+});

sphinx/themes/default/theme.conf

 footerbgcolor    = #11303d
 footertextcolor  = #ffffff
 sidebarbgcolor   = #1c4e63
+sidebarbtncolor  = #3c6e83
 sidebartextcolor = #ffffff
 sidebarlinkcolor = #98dbcc
 relbarbgcolor    = #133f52
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.