@@ -1483,9 +1483,9 @@ a.tooltip:hover::after {
14831483 opacity : 1 ;
14841484}
14851485
1486- # settings-menu > a : hover , # settings-menu > a : focus ,
1487- # help-button > a : hover , # help-button > a : focus ,
1488- button # toggle-all-docs : hover , button # toggle-all-docs : focus {
1486+ # settings-menu > a : hover , # settings-menu > a : focus-visible ,
1487+ # help-button > a : hover , # help-button > a : focus-visible ,
1488+ button # toggle-all-docs : hover , button # toggle-all-docs : focus-visible {
14891489 border-color : var (--settings-button-border-focus );
14901490}
14911491
@@ -1677,7 +1677,7 @@ details.toggle[open] > summary::before {
16771677 /* toggle minus */
16781678 background : url ('data:image/svg+xml,<svg width="17" height="17" \
16791679shape-rendering= "crispEdges" stroke="black" fill="none" xmlns="http://www.w3.org/2000/svg"><path \
1680- d= "M2.5 2.5h12v12h-12v-12.5" stroke="%23999" /><path d="M6 8.5 h5"/></svg>') no-repeat top left;
1680+ d= "M2.5 2.5h12v12h-12v-12.5" / > <path d= "M6 8.5h5" / > </svg>') no-repeat top left;
16811681}
16821682
16831683details .toggle [open ] > summary ::after {
@@ -2382,6 +2382,14 @@ in src-script.js
23822382 --scrape-example-code-wrapper-background-start : rgba (53 , 53 , 53 , 1 );
23832383 --scrape-example-code-wrapper-background-end : rgba (53 , 53 , 53 , 0 );
23842384}
2385+
2386+ /* Other themes give the toggle-all-docs button the same color as the rest of
2387+ the toolbar buttons. Dark theme makes it less bright and noticeable. */
2388+ : root [data-theme = "dark" ] button # toggle-all-docs {
2389+ background-color : transparent;
2390+ border-color : grey;
2391+ color : # ddd ;
2392+ }
23852393/* End theme: dark */
23862394
23872395/* Begin theme: ayu */
0 commit comments