Copy SVG for dark theme
Isaiah Odhner
parent
81a15640f8
commit
c10a48e6b6
|
|
@ -0,0 +1,354 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="svg2"
|
||||
width="35"
|
||||
height="45"
|
||||
viewBox="0 0 35 45"
|
||||
sodipodi:docname="options-transparency.svg"
|
||||
inkscape:version="1.1.1 (eb90963e84, 2021-10-02)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs6" />
|
||||
<sodipodi:namedview
|
||||
id="namedview4"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
showgrid="true"
|
||||
inkscape:snap-smooth-nodes="true"
|
||||
inkscape:zoom="13.711584"
|
||||
inkscape:cx="11.450172"
|
||||
inkscape:cy="20.675948"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1016"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1"
|
||||
showguides="false">
|
||||
<inkscape:grid
|
||||
type="xygrid"
|
||||
id="grid827"
|
||||
spacingx="0.5"
|
||||
spacingy="0.5"
|
||||
empspacing="8" />
|
||||
</sodipodi:namedview>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
inkscape:label="Vector"
|
||||
style="display:inline">
|
||||
<g
|
||||
id="g12794">
|
||||
<rect
|
||||
style="fill:#ffff00;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect12612"
|
||||
width="27"
|
||||
height="22"
|
||||
x="0.5"
|
||||
y="0.5" />
|
||||
<path
|
||||
id="path2052"
|
||||
style="fill:#0000ff;fill-opacity:1;stroke:#000080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000"
|
||||
d="m 11.5,15.5 v 0 c 0,1.104569 -1.5670034,2 -3.5,2 -1.9329966,0 -3.5,-0.895431 -3.5,-2 v -10 c 0,-1.1045695 1.5670034,-2 3.5,-2 1.9329966,0 3.5,0.8954305 3.5,2 z"
|
||||
sodipodi:nodetypes="cssccscc" />
|
||||
<path
|
||||
style="display:inline;fill:none;fill-opacity:1;stroke:#cccccc;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
d="m 6.25,7 v 8.5"
|
||||
id="path11360-1"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
id="path2052-5"
|
||||
style="display:inline;fill:none;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000"
|
||||
d="m 4.5,5.5 c 0,-1.1045695 1.5670034,-2 3.5,-2 1.9329966,0 3.5,0.8954305 3.5,2 v 10 0 c 0,1.104569 -1.5670034,2 -3.5,2 -1.9329966,0 -3.5,-0.895431 -3.5,-2"
|
||||
sodipodi:nodetypes="csccssc" />
|
||||
<ellipse
|
||||
style="display:inline;fill:#0000ff;stroke:#000080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000"
|
||||
id="path852-7"
|
||||
cx="8"
|
||||
cy="5.5"
|
||||
rx="3.5"
|
||||
ry="2" />
|
||||
<path
|
||||
style="display:inline;fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000"
|
||||
d="M 6.5,7.5 V 16"
|
||||
id="path11360-9"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
id="path852-6"
|
||||
style="display:inline;fill:none;stroke:#cccccc;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000"
|
||||
d="M 11.065312,6.4661004 C 10.469039,7.0825467 9.3198334,7.5 8,7.5 6.7433705,7.5 5.6414178,7.1215712 5.0241126,6.5532681"
|
||||
sodipodi:nodetypes="csc" />
|
||||
<circle
|
||||
style="fill:#ff0000;fill-opacity:1;stroke:#800000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000"
|
||||
id="path4884"
|
||||
cx="15"
|
||||
cy="16"
|
||||
r="4.5" />
|
||||
<path
|
||||
id="path5259"
|
||||
style="fill:none;stroke:#ff00ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000"
|
||||
d="m 16,20 c -2.147774,0 -3.5,-1.65279 -3.5,-4 0,-2.34721 1.352226,-4 3.5,-4"
|
||||
sodipodi:nodetypes="csc" />
|
||||
<circle
|
||||
style="display:inline;fill:none;fill-opacity:1;stroke:#800000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000"
|
||||
id="path4884-6"
|
||||
cx="15"
|
||||
cy="16"
|
||||
r="4.5" />
|
||||
<path
|
||||
id="path4884-6-2"
|
||||
style="display:inline;fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000"
|
||||
d="M 18.541238,13.223064 C 19.141831,13.987892 19.5,14.952118 19.5,16 c 0,2.485281 -2.014719,4.5 -4.5,4.5 -0.479019,0 -0.940557,-0.07485 -1.373557,-0.213482"
|
||||
sodipodi:nodetypes="cssc" />
|
||||
<path
|
||||
id="path5089"
|
||||
style="fill:none;stroke:#cccccc;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000"
|
||||
d="M 13.16849,18.983124 C 12.167452,18.367218 11.5,17.261555 11.5,16 c 0,-1.606999 1.083026,-2.961044 2.558998,-3.372053"
|
||||
sodipodi:nodetypes="csc" />
|
||||
</g>
|
||||
<rect
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect13962"
|
||||
width="16"
|
||||
height="14"
|
||||
x="18"
|
||||
y="4" />
|
||||
<use
|
||||
x="0"
|
||||
y="0"
|
||||
xlink:href="#g12794"
|
||||
id="use12796"
|
||||
transform="translate(0,22)"
|
||||
width="100%"
|
||||
height="100%" />
|
||||
<path
|
||||
style="fill:#808080;fill-opacity:1;stroke:#808080;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
d="m 30.5,12.5 h 4 l -3,3 h -4 z"
|
||||
id="path14130" />
|
||||
<g
|
||||
id="g14093">
|
||||
<path
|
||||
style="fill:#00ff00;fill-opacity:1;stroke:#008000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
d="m 21.5,15.5 v -7 l 3,-3 h 6 v 7 l -3,3 z"
|
||||
id="path12831" />
|
||||
<path
|
||||
style="fill:#008000;fill-opacity:1;stroke:#008000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
d="m 21.5,8.5 3,-3 h 6 l -3,3 z"
|
||||
id="path13361" />
|
||||
<path
|
||||
style="fill:#008000;fill-opacity:1;stroke:#008000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
d="m 30.5,5.5 v 7 l -2,2 v -7 z"
|
||||
id="path13429" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
d="m 21.5,15.5 h 6 l 3,-3 V 6"
|
||||
id="path12932"
|
||||
sodipodi:nodetypes="cccc" />
|
||||
<path
|
||||
d="M 28,8 30,6"
|
||||
style="display:inline;fill:none;fill-opacity:1;stroke:#cccccc;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="path14442"
|
||||
sodipodi:nodetypes="cc" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
d="m 22.5,14.5 v -6 h 5"
|
||||
id="path13062"
|
||||
sodipodi:nodetypes="ccc" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029"
|
||||
width="2"
|
||||
height="1"
|
||||
x="18"
|
||||
y="3" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029-2"
|
||||
width="2"
|
||||
height="1"
|
||||
x="21"
|
||||
y="3" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029-7"
|
||||
width="2"
|
||||
height="1"
|
||||
x="24"
|
||||
y="3" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029-0"
|
||||
width="2"
|
||||
height="1"
|
||||
x="27"
|
||||
y="3" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029-9"
|
||||
width="2"
|
||||
height="1"
|
||||
x="30"
|
||||
y="3" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029-3"
|
||||
width="2"
|
||||
height="1"
|
||||
x="33"
|
||||
y="3" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029-6"
|
||||
width="2"
|
||||
height="1"
|
||||
x="18"
|
||||
y="18" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029-2-0"
|
||||
width="2"
|
||||
height="1"
|
||||
x="21"
|
||||
y="18" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029-7-6"
|
||||
width="2"
|
||||
height="1"
|
||||
x="24"
|
||||
y="18" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029-0-2"
|
||||
width="2"
|
||||
height="1"
|
||||
x="27"
|
||||
y="18" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029-9-6"
|
||||
width="2"
|
||||
height="1"
|
||||
x="30"
|
||||
y="18" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15029-3-1"
|
||||
width="2"
|
||||
height="1"
|
||||
x="33"
|
||||
y="18" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15312"
|
||||
width="1"
|
||||
height="2"
|
||||
x="17"
|
||||
y="4" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15312-9"
|
||||
width="1"
|
||||
height="2"
|
||||
x="17"
|
||||
y="7" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15312-2"
|
||||
width="1"
|
||||
height="2"
|
||||
x="17"
|
||||
y="10" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15312-28"
|
||||
width="1"
|
||||
height="2"
|
||||
x="17"
|
||||
y="13" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15312-97"
|
||||
width="1"
|
||||
height="2"
|
||||
x="17"
|
||||
y="16" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15312-3"
|
||||
width="1"
|
||||
height="2"
|
||||
x="34"
|
||||
y="3" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15312-9-6"
|
||||
width="1"
|
||||
height="2"
|
||||
x="34"
|
||||
y="6" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15312-2-1"
|
||||
width="1"
|
||||
height="2"
|
||||
x="34"
|
||||
y="9" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15312-28-2"
|
||||
width="1"
|
||||
height="2"
|
||||
x="34"
|
||||
y="12" />
|
||||
<rect
|
||||
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stop-color:#000000"
|
||||
id="rect15312-97-9"
|
||||
width="1"
|
||||
height="2"
|
||||
x="34"
|
||||
y="15" />
|
||||
</g>
|
||||
<use
|
||||
x="0"
|
||||
y="0"
|
||||
xlink:href="#g14093"
|
||||
id="use14095"
|
||||
transform="translate(0,22)"
|
||||
width="100%"
|
||||
height="100%" />
|
||||
</g>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
inkscape:label="Image"
|
||||
id="g8"
|
||||
style="display:none;opacity:0.407672"
|
||||
sodipodi:insensitive="true">
|
||||
<image
|
||||
width="35"
|
||||
height="45"
|
||||
preserveAspectRatio="none"
|
||||
style="image-rendering:optimizeSpeed"
|
||||
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAtCAMAAAATDSIbAAAABGdBTUEAAK/INwWK6QAAABl0RVh0
|
||||
U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAqUExURf//AAAAAP///wCAAAAA/wD/AMDA
|
||||
wAAAgIAAAP8AAICAgICAAP8A/////x9ECeEAAAAOdFJOU/////////////////8ARcDcyAAAAQlJ
|
||||
REFUeNrUk8GOgzAMRGPCGpMu//+7tZ2EHdMEqT11Rzkg8RgHeSbRjY6qRGmq9xneVKW/ovMcfpzh
|
||||
bVU1iJaLKrOxMSshk11Fn47GGMTtaoAwgc/CzBv4NCQHxu7zx+Q+j2AWMMmZH1O+95kzonphwiwR
|
||||
/t1JAlNKCT6G7Dv6GBKYiiDjSJ+1ArPbNascWfq+TOAz2Fdi+2rGYH6KQ6R//xhko0lcRA/VNIfF
|
||||
L6oEf5DVr+/F1WfUiwq0XpyzYi8AYQIf7AUgOTCQZ0POXsAs7IUzPat3PnPG935lRr2QO5/WCykn
|
||||
Q8eF6VnVab0XsK/YC6EUsjHqheaZX/cVeyE0z/O/6cVTgAEADvgWrhraI38AAAAASUVORK5CYII=
|
||||
"
|
||||
id="image10" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 15 KiB |
|
|
@ -68,7 +68,7 @@ const ChooserDiv = (
|
|||
const svg_url = url;
|
||||
const on_zoom_etc = () => {
|
||||
const use_svg = (window.devicePixelRatio >= 3 || (window.devicePixelRatio % 1) !== 0) &&
|
||||
(get_theme() === "classic.css"); // || get_theme() === "dark.css"); // @TODO: also for dark theme, but don't use nonexistent SVG file (it should share the file (or, it could be a little different...))
|
||||
(get_theme() === "classic.css" || get_theme() === "dark.css");
|
||||
div.style.backgroundImage = `url(${use_svg ? svg_url : png_url})`;
|
||||
};
|
||||
if (div._on_zoom_etc) { // condition is needed, otherwise it will remove all listeners! (leading to only the last graphic being updated when zooming)
|
||||
|
|
|
|||
Loading…
Reference in New Issue