Use different icons for the timeline in dark/light modes.

1 files changed, 199 insertions, 0 deletions

diff --git a/graphics/src/timeline_black.svg b/graphics/src/timeline_black.svg
new file mode 100644
index 000000000..58e27720a
--- /dev/null
+++ b/graphics/src/timeline_black.svg
@@ -0,0 +1,199 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="210mm"
+   height="297mm"
+   viewBox="0 0 793.70081 1122.5197"
+   version="1.1"
+   id="svg831"
+   inkscape:version="1.1.1 (3bf5ae0, 2021-09-20)"
+   sodipodi:docname="timeline.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview833"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="4"
+     inkscape:cx="9.125"
+     inkscape:cy="143.25"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid1158"
+       spacingx="0.13229167"
+       spacingy="0.13229167"
+       empspacing="2" />
+    <sodipodi:guide
+       position="24.077084,216.30208"
+       orientation="0,18"
+       id="guide1500" />
+    <sodipodi:guide
+       position="30.427083,218.28646"
+       orientation="8.0000013,0"
+       id="guide1617" />
+  </sodipodi:namedview>
+  <defs
+     id="defs828" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Bounding"
+     style="display:none">
+    <rect
+       y="81"
+       x="-60"
+       height="32"
+       width="32"
+       id="timeline-select"
+       style="font-variation-settings:normal;display:inline;vector-effect:none;fill:#f2f2f2;fill-opacity:1;stroke:none;stroke-width:0.528903;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;stop-color:#000000" />
+    <rect
+       y="81"
+       x="-24"
+       height="32"
+       width="32"
+       id="timeline-zoom"
+       style="font-variation-settings:normal;display:inline;vector-effect:none;fill:#f2f2f2;fill-opacity:1;stroke:none;stroke-width:0.528903;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;stop-color:#000000" />
+    <rect
+       y="81"
+       x="12"
+       height="32"
+       width="32"
+       id="timeline-zoom_all"
+       style="font-variation-settings:normal;display:inline;vector-effect:none;fill:#f2f2f2;fill-opacity:1;stroke:none;stroke-width:0.528902;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;stop-color:#000000" />
+    <rect
+       y="81"
+       x="48"
+       height="32"
+       width="32"
+       id="timeline-snap"
+       style="font-variation-settings:normal;display:inline;fill:#f2f2f2;fill-opacity:1;stroke:none;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;stop-color:#000000" />
+    <rect
+       y="81"
+       x="84"
+       height="32"
+       width="32"
+       id="timeline-sequence"
+       style="font-variation-settings:normal;display:inline;vector-effect:none;fill:#f2f2f2;fill-opacity:1;stroke:none;stroke-width:0.528902;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;stop-color:#000000" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g4213"
+       transform="matrix(3.9027502,0,0,3.9027502,-144.46067,-233.02714)"
+       style="stroke-width:0.384344;stroke-miterlimit:4;stroke-dasharray:none">
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5834"
+         d="m 50.349285,88.262618 1.557191,-0.251405 c -2.611342,-7.601293 5.715866,-7.545956 3.08209,0.02284 l 1.499904,0.228568 c 3.706429,-9.76304 -9.828096,-9.975131 -6.139185,0 z"
+         style="fill:#ff0000;stroke:none;stroke-width:0.384344;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5871"
+         d="m 49.9636,86.56046 0.385684,1.702152 1.557192,-0.251399 -0.364319,-1.713603 z"
+         style="fill:#b3b3b3;stroke:none;stroke-width:0.384344;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5871-7"
+         d="m 54.988566,88.03405 0.4671,-1.724988 1.36291,0.251398 -0.330033,1.702176 z"
+         style="fill:#b3b3b3;stroke:none;stroke-width:0.384344;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5834-6"
+         d="m 50.349358,88.262615 1.557118,-0.251402 c -2.611342,-7.601293 5.715867,-7.545956 3.08209,0.02284 l 1.499977,0.228565 c 3.70643,-9.76304 -9.828097,-9.97513 -6.139185,0 z"
+         style="fill:none;stroke:#000000;stroke-width:0.384344;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <path
+       style="fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:0.999998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-end:none"
+       d="M -10.453236,96.465086 3.6389414,110.54054 c 0.6531099,0.36517 1.3199842,0.69414 2.3610569,0.0402 0.6832704,-1.05256 0.3718144,-1.70252 0,-2.32807 L -8.1558906,94.068703 c -5.64e-5,-0.06049 -1.201877,1.427229 -2.2973454,2.396383 z"
+       id="path5828-3"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+    <ellipse
+       style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-end:none"
+       id="path5809"
+       cx="-11.403519"
+       cy="93.370117"
+       rx="10.950784"
+       ry="10.950711" />
+    <path
+       style="fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:0.999998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-end:none"
+       d="m 25.586972,96.505865 13.970902,13.954315 c 0.647489,0.36203 1.308623,0.68817 2.340733,0.0398 0.677391,-1.04349 0.368609,-1.68787 0,-2.30803 L 27.864547,94.130095 c -6e-5,-0.05998 -1.191538,1.414951 -2.277575,2.37577 z"
+       id="path5828-3-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+    <ellipse
+       style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-end:none"
+       id="path5809-2"
+       cx="24.644865"
+       cy="93.437508"
+       rx="10.856544"
+       ry="10.856471" />
+    <rect
+       style="fill:#cccccc;fill-opacity:1;stroke:#666666;stroke-width:0.999998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-end:none"
+       id="rect5806"
+       width="16.286842"
+       height="10.000005"
+       x="16.5"
+       y="88.5"
+       ry="0.0693992" />
+    <rect
+       style="fill:#b3b3b3;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-end:none"
+       id="rect5913"
+       width="9.0000076"
+       height="16.999996"
+       x="85.499992"
+       y="88.500015" />
+    <rect
+       style="display:inline;fill:#b3b3b3;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-end:none"
+       id="rect5913-9"
+       width="9.0000076"
+       height="16.999996"
+       x="105.49999"
+       y="88.5" />
+    <path
+       style="fill:#ff0000;stroke:#000000;stroke-width:0.999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 110.5,94.500002 h -10 v -3.5 L 88.000002,97.000009 100.5,103 v -3.499997 h 10 z"
+       id="path5822"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <g
+       id="g4193"
+       transform="matrix(3.9193814,0,0,3.9193814,-141.96024,-235.32292)"
+       style="stroke-width:0.255142;stroke-miterlimit:4;stroke-dasharray:none">
+      <path
+         style="fill:#f2f2f2;fill-opacity:1;stroke:#000000;stroke-width:0.255142;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-end:none"
+         d="m 24.29557,84.6902 3.665328,3.660979 c 0.169872,0.09498 0.343323,0.180545 0.614102,0.01045 0.177717,-0.273767 0.09671,-0.442822 0,-0.605523 L 24.893101,84.06691 c -1.5e-5,-0.01573 -0.312604,0.371218 -0.597531,0.623292 z"
+         id="path5828"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:#cccccc;fill-opacity:1;stroke:#000000;stroke-width:0.255142;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-end:none"
+         d="m 27.75043,83.895311 c -2.357002,0.816238 -3.031587,1.601581 -3.823561,4.172695 -0.05449,0.176901 -1.849808,-4.721711 -2.760202,-7.105504 z"
+         id="path5884"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cscc" />
+    </g>
+  </g>
+</svg>