@@ -1422,9 +1422,9 @@ a.tooltip:hover::after {
1422
1422
opacity : 1 ;
1423
1423
}
1424
1424
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 {
1428
1428
border-color : var (--settings-button-border-focus );
1429
1429
}
1430
1430
@@ -1616,7 +1616,7 @@ details.toggle[open] > summary::before {
1616
1616
/* toggle minus */
1617
1617
background : url ('data:image/svg+xml,<svg width="17" height="17" \
1618
1618
shape-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;
1620
1620
}
1621
1621
1622
1622
details .toggle [open ] > summary ::after {
@@ -2318,6 +2318,14 @@ in src-script.js
2318
2318
--scrape-example-code-wrapper-background-start : rgba (53 , 53 , 53 , 1 );
2319
2319
--scrape-example-code-wrapper-background-end : rgba (53 , 53 , 53 , 0 );
2320
2320
}
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
+ }
2321
2329
/* End theme: dark */
2322
2330
2323
2331
/* Begin theme: ayu */
0 commit comments