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