@@ -806,8 +806,11 @@ so that we can apply CSS-filters to change the arrow color in themes */
806
806
background-repeat : no-repeat;
807
807
background-size : 20px ;
808
808
background-position : calc (100% - 2px ) 56% ;
809
- /* image is black color */
810
- background-image : url ("down-arrow-927217e04c7463ac.svg" );
809
+ /* down arrow (image is black color) */
810
+ background-image : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
811
+ width= "128" height="128" viewBox="-30 -20 176 176 "><path d=" M111, 40.5 L64, 87.499 L17, 40.5 " \
812
+ fill= " none" stroke="black" strike-linecap="square" stroke-miterlimit="10" stroke-width="12"/> \
813
+ </svg>');
811
814
/* changes the arrow image color */
812
815
filter : var (--crate-search-div-filter );
813
816
}
@@ -1440,7 +1443,10 @@ details.toggle > summary.hideme > span {
1440
1443
}
1441
1444
1442
1445
details .toggle > summary ::before {
1443
- background : url ("toggle-plus-1092eb4930d581b0.svg" ) no-repeat top left;
1446
+ /* toggle plus */
1447
+ background : url ('data:image/svg+xml,<svg width="17" height="17" \
1448
+ shape-rendering= "crispEdges" stroke="black" fill="none" xmlns="http://www.w3.org/2000/svg"><path \
1449
+ d= "M5 2.5H2.5v12H5m7-12h2.5v12H12M5 8.5h7M8.5 12V8.625v0V5" / > </svg>') no-repeat top left;
1444
1450
content : "" ;
1445
1451
cursor : pointer;
1446
1452
width : 16px ;
@@ -1518,7 +1524,10 @@ details.toggle[open] > summary.hideme > span {
1518
1524
}
1519
1525
1520
1526
details .toggle [open ] > summary ::before {
1521
- background : url ("toggle-minus-31bbd6e4c77f5c96.svg" ) no-repeat top left;
1527
+ /* toggle minus */
1528
+ background : url ('data:image/svg+xml,<svg width="17" height="17" \
1529
+ shape-rendering= "crispEdges" stroke="black" fill="none" xmlns="http://www.w3.org/2000/svg"><path \
1530
+ d= "M5 2.5H2.5v12H5m7-12h2.5v12H12M5 8.5h7" / > </svg>') no-repeat top left;
1522
1531
}
1523
1532
1524
1533
details .toggle [open ] > summary ::after {
0 commit comments