@@ -1422,9 +1422,9 @@ a.tooltip:hover::after {
14221422 opacity : 1 ;
14231423}
14241424
1425- # settings-menu > a : hover , # settings-menu > a : focus ,
1426- # help-button > a : hover , # help-button > a : focus ,
1427- button # toggle-all-docs : hover , button # toggle-all-docs : focus {
1425+ # settings-menu > a : hover , # settings-menu > a : focus-visible ,
1426+ # help-button > a : hover , # help-button > a : focus-visible ,
1427+ button # toggle-all-docs : hover , button # toggle-all-docs : focus-visible {
14281428 border-color : var (--settings-button-border-focus );
14291429}
14301430
@@ -1616,7 +1616,7 @@ details.toggle[open] > summary::before {
16161616 /* toggle minus */
16171617 background : url ('data:image/svg+xml,<svg width="17" height="17" \
16181618shape-rendering= "crispEdges" stroke="black" fill="none" xmlns="http://www.w3.org/2000/svg"><path \
1619- d= "M2.5 2.5h12v12h-12v-12.5" stroke="%23999" /><path d="M6 8.5 h5"/></svg>') no-repeat top left;
1619+ d= "M2.5 2.5h12v12h-12v-12.5" / > <path d= "M6 8.5h5" / > </svg>') no-repeat top left;
16201620}
16211621
16221622details .toggle [open ] > summary ::after {
@@ -2318,6 +2318,14 @@ in src-script.js
23182318 --scrape-example-code-wrapper-background-start : rgba (53 , 53 , 53 , 1 );
23192319 --scrape-example-code-wrapper-background-end : rgba (53 , 53 , 53 , 0 );
23202320}
2321+
2322+ /* Other themes give the toggle-all-docs button the same color as the rest of
2323+ the toolbar buttons. Dark theme makes it less bright and noticeable. */
2324+ : root [data-theme = "dark" ] button # toggle-all-docs {
2325+ background-color : transparent;
2326+ border-color : grey;
2327+ color : # ddd ;
2328+ }
23212329/* End theme: dark */
23222330
23232331/* Begin theme: ayu */
0 commit comments