@@ -1483,9 +1483,9 @@ a.tooltip:hover::after {
1483
1483
opacity : 1 ;
1484
1484
}
1485
1485
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 {
1489
1489
border-color : var (--settings-button-border-focus );
1490
1490
}
1491
1491
@@ -1677,7 +1677,7 @@ details.toggle[open] > summary::before {
1677
1677
/* toggle minus */
1678
1678
background : url ('data:image/svg+xml,<svg width="17" height="17" \
1679
1679
shape-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;
1681
1681
}
1682
1682
1683
1683
details .toggle [open ] > summary ::after {
@@ -2382,6 +2382,14 @@ in src-script.js
2382
2382
--scrape-example-code-wrapper-background-start : rgba (53 , 53 , 53 , 1 );
2383
2383
--scrape-example-code-wrapper-background-end : rgba (53 , 53 , 53 , 0 );
2384
2384
}
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
+ }
2385
2393
/* End theme: dark */
2386
2394
2387
2395
/* Begin theme: ayu */
0 commit comments