diff --git a/src/images/sidebar/dark/about.svg b/src/images/sidebar/dark/about.svg
new file mode 100644
index 0000000..de4d4c7
--- /dev/null
+++ b/src/images/sidebar/dark/about.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="about.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1272"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="45.9375"
+     inkscape:cx="8"
+     inkscape:cy="4.5170068"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8"
+     inkscape:document-rotation="0" />
+  <g
+     fill="#363636"
+     id="g6"
+     transform="matrix(1.25,0,0,1.25,-2,-2)"
+     style="fill:#ffffff;fill-opacity:1">
+    <path
+       d="M 8,2 A 6,6 0 1 0 8,14 6,6 0 0 0 8,2 Z M 8,3 A 5,5 0 1 1 8,13 5,5 0 0 1 8,3 Z"
+       id="path2"
+       style="fill:#ffffff;fill-opacity:1" />
+    <path
+       d="m 7.5,6 h 1 v 6 h -1 z m 0,-2 h 1 v 1 h -1 z"
+       id="path4"
+       style="fill:#ffffff;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/src/images/sidebar/dark/accounts.svg b/src/images/sidebar/dark/accounts.svg
new file mode 100644
index 0000000..1c46222
--- /dev/null
+++ b/src/images/sidebar/dark/accounts.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="accounts.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1272"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="45.9375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     class="ColorScheme-Text"
+     d="m8 4e-6a8 8 0 0 0-8 8 8 8 0 0 0 6.6621 7.8848 8 8 0 0 0 0.79297 0.0957 8 8 0 0 0 0.54492 0.01953 8 8 0 0 0 1.5898-0.16016 8 8 0 0 0 0.77344-0.19727 8 8 0 0 0 2.8574-1.584 8 8 0 0 0 0.33789-0.30664 6 6 0 0 0-0.0039-0.0078 8 8 0 0 0 2.4453-5.7441 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-1.9277 4.8105 6 6 0 0 0-5.0723-2.8105 6 6 0 0 0-5.0762 2.8145 7 7 0 0 1-1.9238-4.8145 7 7 0 0 1 7-7zm0 3a2 2 0 0 0-2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 0-2-2z"
+     id="path2"
+     style="fill:#ffffff;fill-opacity:1" />
+</svg>
diff --git a/src/images/sidebar/dark/appearance.svg b/src/images/sidebar/dark/appearance.svg
new file mode 100644
index 0000000..042b4f0
--- /dev/null
+++ b/src/images/sidebar/dark/appearance.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg7"
+   sodipodi:docname="appearance.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata11">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1272"
+     id="namedview9"
+     showgrid="false"
+     inkscape:zoom="45.9375"
+     inkscape:cx="3.8095238"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7"
+     inkscape:document-rotation="0" />
+  <defs
+     id="defs3">
+    <style
+       id="current-color-scheme"
+       type="text/css">.ColorScheme-Text { color:#363636; }</style>
+  </defs>
+  <g
+     id="g24"
+     transform="matrix(0.04122998,0,0,0.04121684,-20.849785,-2.5936197)"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none">
+    <g
+       id="g22"
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none">
+      <g
+         id="g6"
+         transform="matrix(1.0105916,0,0,1.0109138,505.69473,62.926187)"
+         style="fill:#ffffff;fill-opacity:1">
+        <g
+           id="g4"
+           style="fill:#ffffff;fill-opacity:1">
+          <path
+             d="M 192,0 C 85.973,0 0,85.973 0,192 c 0,106.027 85.973,192 192,192 17.707,0 32,-14.293 32,-32 0,-8.32 -3.093,-15.787 -8.32,-21.44 -5.013,-5.653 -8,-13.013 -8,-21.227 0,-17.707 14.293,-32 32,-32 h 37.653 C 336.213,277.333 384,229.546 384,170.666 384,76.373 298.027,0 192,0 Z M 74.667,192 c -17.707,0 -32,-14.293 -32,-32 0,-17.707 14.293,-32 32,-32 17.707,0 32,14.293 32,32 0,17.707 -14.294,32 -32,32 z m 64,-85.333 c -17.707,0 -32,-14.293 -32,-32 0,-17.707 14.293,-32 32,-32 17.707,0 32,14.293 32,32 0,17.707 -14.294,32 -32,32 z m 106.666,0 c -17.707,0 -32,-14.293 -32,-32 0,-17.707 14.293,-32 32,-32 17.707,0 32,14.293 32,32 0,17.707 -14.293,32 -32,32 z m 64,85.333 c -17.707,0 -32,-14.293 -32,-32 0,-17.707 14.293,-32 32,-32 17.707,0 32,14.293 32,32 0,17.707 -14.293,32 -32,32 z"
+             id="path2-3"
+             style="fill:#ffffff;fill-opacity:1" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/images/sidebar/dark/battery.svg b/src/images/sidebar/dark/battery.svg
new file mode 100644
index 0000000..89498ae
--- /dev/null
+++ b/src/images/sidebar/dark/battery.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="battery.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata16">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1272"
+     id="namedview12"
+     showgrid="false"
+     inkscape:zoom="45.9375"
+     inkscape:cx="8"
+     inkscape:cy="4.0780608"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10"
+     inkscape:document-rotation="0" />
+  <g
+     fill="#363636"
+     fill-rule="evenodd"
+     id="g8"
+     style="fill:#ffffff;fill-opacity:1">
+    <path
+       d="m2 3c-1.108 0-2 0.892-2 2v6c0 1.108 0.892 2 2 2h9c1.108 0 2-0.892 2-2v-6c0-1.108-0.892-2-2-2h-9zm0 1h9c0.554 0 1 0.446 1 1v6c0 0.554-0.446 1-1 1h-9c-0.554 0-1-0.446-1-1v-6c0-0.554 0.446-1 1-1z"
+       style="paint-order:stroke fill markers;fill:#ffffff;fill-opacity:1"
+       id="path2" />
+    <rect
+       x="2"
+       y="5"
+       width="9"
+       height="6"
+       rx=".54715"
+       ry=".54584"
+       style="paint-order:stroke fill markers;fill:#ffffff;fill-opacity:1"
+       id="rect4" />
+    <path
+       d="m14 6v4a2 2 0 0 0 2-2 2 2 0 0 0-2-2z"
+       enable-background="new"
+       style="paint-order:stroke fill markers;fill:#ffffff;fill-opacity:1"
+       id="path6" />
+  </g>
+</svg>
diff --git a/src/images/sidebar/dark/bluetooth.svg b/src/images/sidebar/dark/bluetooth.svg
new file mode 100644
index 0000000..e1c5e72
--- /dev/null
+++ b/src/images/sidebar/dark/bluetooth.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="bluetooth.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1272"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="45.9375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8"
+     inkscape:document-rotation="0" />
+  <path
+     class="ColorScheme-Text"
+     d="M 7.99807,0.50001877 V 7.1009563 l -3.293,-3.0871875 -0.002,0.00188 C 4.34732,3.6819406 3.70702,3.0818094 3.70702,3.0818094 L 2.99999,3.74465 l 4.5449,4.2571875 -4.5449,4.2571875 0.70703,0.662841 c 0,0 0.64035,-0.600085 0.99609,-0.933835 h 0.002 L 8.00001,8.9008438 V 15.5 h 1 l 4,-3.75 -4,-3.75 4,-3.75 -4,-3.74999998 z m 1.002,1.32750003 2.5859,2.4242812 -2.5859,2.4242813 z m 0,7.5 2.5859,2.4242812 -2.5859,2.424281 z"
+     id="path2-3"
+     style="stroke-width:0.968246;fill:#ffffff;fill-opacity:1" />
+</svg>
diff --git a/src/images/sidebar/dark/display.svg b/src/images/sidebar/dark/display.svg
new file mode 100644
index 0000000..d77178a
--- /dev/null
+++ b/src/images/sidebar/dark/display.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="display.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1272"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="45.9375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M1 1.004c-.554 0-1 .446-1 1v10c0 .554.446 1 1 1h5v1s0 1-1 1v1h6v-1c-1 0-1-1-1-1v-1h5c.554 0 1-.446 1-1v-10c0-.554-.446-1-1-1zM1.5 2h13s.5 0 .5.5v9c0 .5-.5.5-.5.5h-13c-.5 0-.5-.5-.5-.5v-9s0-.5.5-.5z"
+     id="path2"
+     style="fill:#ffffff;fill-opacity:1" />
+</svg>
diff --git a/src/images/sidebar/dark/dock.svg b/src/images/sidebar/dark/dock.svg
new file mode 100644
index 0000000..012024a
--- /dev/null
+++ b/src/images/sidebar/dark/dock.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg7"
+   sodipodi:docname="dock.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata11">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1272"
+     id="namedview9"
+     showgrid="false"
+     inkscape:zoom="45.9375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7" />
+  <defs
+     id="defs3">
+    <style
+       id="current-color-scheme"
+       type="text/css">.ColorScheme-Text { color:#363636; }</style>
+  </defs>
+  <path
+     d="m2 1c-1.108 0-2 0.892-2 2v9c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-9c0-1.108-0.892-2-2-2h-12zm0 1h12c0.554 0 1 0.446 1 1h-14c0-0.554 0.446-1 1-1zm-1 2h14v8c0 0.554-0.446 1-1 1h-12c-0.554 0-1-0.446-1-1v-8zm3 6c-0.554 0-1 0.446-1 1s0.446 1 1 1h8c0.554 0 1-0.446 1-1s-0.446-1-1-1h-8z"
+     style="fill:#ffffff;fill-opacity:1"
+     class="ColorScheme-Text"
+     id="path5" />
+</svg>
diff --git a/src/images/sidebar/dark/language.svg b/src/images/sidebar/dark/language.svg
new file mode 100644
index 0000000..6124e72
--- /dev/null
+++ b/src/images/sidebar/dark/language.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 4.2333332 4.2333335"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="language.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="31.678384"
+     inkscape:cx="9.2727919"
+     inkscape:cy="5.3664169"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2160"
+     inkscape:window-height="1272"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       transform="matrix(0.14205511,0,0,0.11647102,-2.4191033,-1.6186172)"
+       aria-label="A"
+       id="g31"
+       style="fill:#ffffff;fill-opacity:1">
+      <path
+         d="m 26.7,35.255 1.6735,-5.2065 c 1.2087,-3.8584 2.3243,-7.5309 3.3935,-11.529 h 0.18595 c 1.1157,3.9514 2.1849,7.6703 3.44,11.529 l 1.627,5.2065 z m 14.643,13.853 h 4.5557 L 34.3237,15.033 h -4.7881 l -11.575,34.075 h 4.3698 L 25.631,38.695 h 12.458 z"
+         id="path29"
+         style="fill:#ffffff;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/src/images/sidebar/dark/network.svg b/src/images/sidebar/dark/network.svg
new file mode 100644
index 0000000..0c48009
--- /dev/null
+++ b/src/images/sidebar/dark/network.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="network.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1272"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="45.9375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     inkscape:document-rotation="0" />
+  <path
+     d="M 13.656906,2.3431885 C 12.145906,0.83216245 10.136906,-5e-8 8.000001,-5e-8 5.863094,-5e-8 3.854094,0.83216245 2.343094,2.3431885 0.832125,3.8541834 0,5.8631261 0,8.0000002 0,10.136874 0.832125,12.145816 2.343094,13.656811 3.854094,15.167838 5.863094,16 8.000001,16 10.136906,16 12.145906,15.167838 13.656906,13.656811 15.167875,12.145816 16,10.136874 16,8.0000002 16,5.8631261 15.167875,3.8541834 13.656906,2.3431885 Z M 8.000001,15.062775 c -0.526688,0 -1.106875,-0.710792 -1.552032,-1.901349 C 6.171438,12.42183 5.962094,11.547773 5.827719,10.592553 H 10.17225 C 10.037907,11.547773 9.828531,12.421798 9.552,13.161394 9.106907,14.351983 8.526688,15.062775 8.000001,15.062775 Z M 5.722375,9.6553586 C 5.676595,9.1192974 5.652905,8.5648657 5.652905,8.0000003 c 0,-0.7437822 0.04088,-1.4695386 0.119594,-2.1589304 h 4.455 c 0.07872,0.6894234 0.119594,1.4151794 0.119594,2.1589304 0,0.5648654 -0.02366,1.1192659 -0.06947,1.6553583 z M 0.9375,8.0000002 c 0,-0.7439385 0.114719,-1.4701635 0.334875,-2.1589304 h 3.557469 c -0.07531,0.6937345 -0.114438,1.4187409 -0.114438,2.1589304 0,0.562929 0.02269,1.1170475 0.06659,1.6553584 H 1.131969 C 1.003844,9.1194845 0.9375,8.5648657 0.9375,8.0000002 Z M 8.000001,0.93722545 c 0.526687,0 1.106906,0.71076055 1.55203,1.90134915 0.227126,0.6075409 0.408969,1.3058362 0.541157,2.065239 H 5.906813 C 6.039,4.1443795 6.220844,3.4460842 6.448,2.8385746 6.893126,1.647986 7.473282,0.93722545 8.000001,0.93722545 Z m 3.170155,4.90381325 h 3.557438 c 0.220187,0.688798 0.334906,1.4149918 0.334906,2.1589304 0,0.5648966 -0.06638,1.1194843 -0.194469,1.6553583 H 11.218 c 0.04391,-0.5383109 0.06659,-1.0924294 0.06659,-1.6553583 0,-0.7401584 -0.03912,-1.465196 -0.114438,-2.1589304 z M 14.351187,4.9038136 H 11.043219 C 10.899125,4.0238523 10.692875,3.212965 10.430188,2.5104208 10.231219,1.9782642 10.00425,1.5252719 9.755219,1.15613 c 1.214875,0.3093469 2.329031,0.9400059 3.238687,1.8496769 0.562563,0.5625852 1.018031,1.2035538 1.357281,1.8980067 z M 3.006094,3.0058069 C 3.915719,2.0961672 5.029875,1.4655081 6.244782,1.15613 5.99575,1.5252719 5.768782,1.9782642 5.569813,2.5104208 5.307125,3.212965 5.100875,4.0238523 4.956781,4.9038136 H 1.648813 C 1.988063,4.2093607 2.443531,3.5683921 3.006094,3.0058069 Z M 1.426906,10.592584 h 3.455188 c 0.143094,1.07481 0.375656,2.062271 0.68775,2.896995 0.198969,0.532157 0.425938,0.985149 0.674969,1.354291 C 5.029938,14.534523 3.91575,13.903864 3.006125,12.994193 2.309906,12.297959 1.777375,11.481824 1.426906,10.592584 Z m 11.567,2.401609 c -0.909625,0.909671 -2.023781,1.54033 -3.238687,1.849677 0.249031,-0.369142 0.476,-0.822134 0.674969,-1.354291 0.312094,-0.834724 0.544655,-1.822185 0.687749,-2.896995 h 3.455157 c -0.350469,0.88924 -0.883,1.705375 -1.579188,2.401609 z"
+     id="path2"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:0.0312454" />
+</svg>
diff --git a/src/images/sidebar/dark/wallpaper.svg b/src/images/sidebar/dark/wallpaper.svg
new file mode 100644
index 0000000..a86ce14
--- /dev/null
+++ b/src/images/sidebar/dark/wallpaper.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 16 16"
+   id="svg7"
+   sodipodi:docname="wallpaper.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata11">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1272"
+     id="namedview9"
+     showgrid="false"
+     inkscape:zoom="45.9375"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7" />
+  <defs
+     id="defs3">
+    <style
+       id="current-color-scheme"
+       type="text/css">.ColorScheme-Text { color:#363636; } .ColorScheme-Text { color:#363636; }</style>
+  </defs>
+  <path
+     d="m2 1c-1.108 0-2 0.892-2 2v9c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-9c0-1.108-0.892-2-2-2zm0 1h12c0.554 0 1 0.446 1 1v9l-5-5-3.4794 4-2.5206-2-3 3v-9c0-0.554 0.446-1 1-1zm2.5 2c-0.82843 0-1.5 0.67157-1.5 1.5s0.67157 1.5 1.5 1.5 1.5-0.67157 1.5-1.5-0.67157-1.5-1.5-1.5z"
+     style="fill:#ffffff;fill-opacity:1"
+     class="ColorScheme-Text"
+     id="path5" />
+</svg>
diff --git a/src/images/sidebar/about.svg b/src/images/sidebar/light/about.svg
similarity index 100%
rename from src/images/sidebar/about.svg
rename to src/images/sidebar/light/about.svg
diff --git a/src/images/sidebar/accounts.svg b/src/images/sidebar/light/accounts.svg
similarity index 100%
rename from src/images/sidebar/accounts.svg
rename to src/images/sidebar/light/accounts.svg
diff --git a/src/images/sidebar/appearance.svg b/src/images/sidebar/light/appearance.svg
similarity index 100%
rename from src/images/sidebar/appearance.svg
rename to src/images/sidebar/light/appearance.svg
diff --git a/src/images/sidebar/battery.svg b/src/images/sidebar/light/battery.svg
similarity index 100%
rename from src/images/sidebar/battery.svg
rename to src/images/sidebar/light/battery.svg
diff --git a/src/images/sidebar/bluetooth.svg b/src/images/sidebar/light/bluetooth.svg
similarity index 100%
rename from src/images/sidebar/bluetooth.svg
rename to src/images/sidebar/light/bluetooth.svg
diff --git a/src/images/sidebar/display.svg b/src/images/sidebar/light/display.svg
similarity index 100%
rename from src/images/sidebar/display.svg
rename to src/images/sidebar/light/display.svg
diff --git a/src/images/sidebar/dock.svg b/src/images/sidebar/light/dock.svg
similarity index 100%
rename from src/images/sidebar/dock.svg
rename to src/images/sidebar/light/dock.svg
diff --git a/src/images/sidebar/language.svg b/src/images/sidebar/light/language.svg
similarity index 100%
rename from src/images/sidebar/language.svg
rename to src/images/sidebar/light/language.svg
diff --git a/src/images/sidebar/network.svg b/src/images/sidebar/light/network.svg
similarity index 100%
rename from src/images/sidebar/network.svg
rename to src/images/sidebar/light/network.svg
diff --git a/src/images/sidebar/wallpaper.svg b/src/images/sidebar/light/wallpaper.svg
similarity index 100%
rename from src/images/sidebar/wallpaper.svg
rename to src/images/sidebar/light/wallpaper.svg
diff --git a/src/qml/SideBar.qml b/src/qml/SideBar.qml
index 049e417..cccdba1 100644
--- a/src/qml/SideBar.qml
+++ b/src/qml/SideBar.qml
@@ -32,70 +32,70 @@ Item {
             title: qsTr("User")
             name: "accounts"
             page: "qrc:/qml/AccountsPage.qml"
-            iconSource: "qrc:/images/sidebar/accounts.svg"
+            iconSource: "accounts.svg"
         }
 
         ListElement {
             title: qsTr("Display")
             name: "display"
             page: "qrc:/qml/DisplayPage.qml"
-            iconSource: "qrc:/images/sidebar/display.svg"
+            iconSource: "display.svg"
         }
 
         ListElement {
             title: qsTr("Network")
             name: "network"
             page: "qrc:/qml/NetworkPage.qml"
-            iconSource: "qrc:/images/sidebar/network.svg"
+            iconSource: "network.svg"
         }
 
 //        ListElement {
 //            title: qsTr("Bluetooth")
 //            name: "bluetooth"
 //            page: "qrc:/qml/BluetoothPage.qml"
-//            iconSource: "qrc:/images/sidebar/bluetooth.svg"
+//            iconSource: "bluetooth.svg"
 //        }
 
         ListElement {
             title: qsTr("Appearance")
             name: "appearance"
             page: "qrc:/qml/AppearancePage.qml"
-            iconSource: "qrc:/images/sidebar/appearance.svg"
+            iconSource: "appearance.svg"
         }
 
         ListElement {
             title: qsTr("Background")
             name: "background"
             page: "qrc:/qml/Wallpaper/BackgroundPage.qml"
-            iconSource: "qrc:/images/sidebar/wallpaper.svg"
+            iconSource: "wallpaper.svg"
         }
 
         ListElement {
             title: qsTr("Dock")
             name: "dock"
             page: "qrc:/qml/DockPage.qml"
-            iconSource: "qrc:/images/sidebar/dock.svg"
+            iconSource: "dock.svg"
         }
 
         ListElement {
             title: qsTr("Language")
             name: "language"
             page: "qrc:/qml/LanguagePage.qml"
-            iconSource: "qrc:/images/sidebar/language.svg"
+            iconSource: "language.svg"
         }
 
         ListElement {
             title: qsTr("Battery")
             name: "battery"
             page: "qrc:/qml/BatteryPage.qml"
-            iconSource: "qrc:/images/sidebar/battery.svg"
+            iconSource: "battery.svg"
         }
 
         ListElement {
             title: qsTr("About")
             name: "about"
             page: "qrc:/qml/AboutPage.qml"
-            iconSource: "qrc:/images/sidebar/about.svg"
+            iconSource: "about.svg"
         }
     }
 
@@ -160,19 +160,10 @@ Item {
                         id: icon
                         width: 16
                         height: width
-                        source: model.iconSource
+                        source: FishUI.Theme.darkMode || isCurrent ? "qrc:/images/sidebar/dark/" + model.iconSource
+                                                                   : "qrc:/images/sidebar/light/" + model.iconSource
                         sourceSize: Qt.size(width, height)
-
                         Layout.alignment: Qt.AlignVCenter
-
-                        ColorOverlay {
-                            id: colorOverlay
-                            anchors.fill: icon
-                            source: icon
-                            color: isCurrent ? FishUI.Theme.highlightedTextColor : FishUI.Theme.textColor
-                            opacity: 1
-                            visible: FishUI.Theme.darkMode || isCurrent
-                        }
                     }
 
                     Label {
diff --git a/src/resources.qrc b/src/resources.qrc
index ee48570..9f4e8d3 100644
--- a/src/resources.qrc
+++ b/src/resources.qrc
@@ -23,16 +23,8 @@
         <file>qml/IconCheckBox.qml</file>
         <file>qml/HorizontalDivider.qml</file>
         <file>qml/DockPage.qml</file>
-        <file>images/sidebar/about.svg</file>
-        <file>images/sidebar/battery.svg</file>
-        <file>images/sidebar/display.svg</file>
-        <file>images/sidebar/wallpaper.svg</file>
-        <file>images/sidebar/dock.svg</file>
-        <file>images/sidebar/appearance.svg</file>
         <file>qml/LanguagePage.qml</file>
-        <file>images/sidebar/network.svg</file>
         <file>qml/NetworkPage.qml</file>
-        <file>images/sidebar/language.svg</file>
         <file>images/locked.svg</file>
         <file>images/checked.svg</file>
         <file>images/light/network-wired.svg</file>
@@ -55,14 +47,12 @@
         <file>qml/WirelessDetailsDialog.qml</file>
         <file>qml/WiredItem.qml</file>
         <file>qml/AccountsPage.qml</file>
-        <file>images/sidebar/accounts.svg</file>
         <file>qml/Hideable.qml</file>
         <file>qml/AddUserDialog.qml</file>
         <file>qml/BluetoothPage.qml</file>
         <file>images/dock_top.svg</file>
         <file>images/dock_right.svg</file>
         <file>qml/HistoryGraph.qml</file>
-        <file>images/sidebar/bluetooth.svg</file>
         <file>images/rot90.svg</file>
         <file>images/rot180.svg</file>
         <file>images/rot270.svg</file>
@@ -75,5 +65,25 @@
         <file>images/dark/up.svg</file>
         <file>qml/Wallpaper/BackgroundPage.qml</file>
         <file>qml/Wallpaper/DesktopPreview.qml</file>
+        <file>images/sidebar/dark/about.svg</file>
+        <file>images/sidebar/dark/accounts.svg</file>
+        <file>images/sidebar/dark/appearance.svg</file>
+        <file>images/sidebar/dark/battery.svg</file>
+        <file>images/sidebar/dark/bluetooth.svg</file>
+        <file>images/sidebar/dark/display.svg</file>
+        <file>images/sidebar/dark/dock.svg</file>
+        <file>images/sidebar/dark/language.svg</file>
+        <file>images/sidebar/dark/network.svg</file>
+        <file>images/sidebar/dark/wallpaper.svg</file>
+        <file>images/sidebar/light/about.svg</file>
+        <file>images/sidebar/light/accounts.svg</file>
+        <file>images/sidebar/light/appearance.svg</file>
+        <file>images/sidebar/light/battery.svg</file>
+        <file>images/sidebar/light/bluetooth.svg</file>
+        <file>images/sidebar/light/display.svg</file>
+        <file>images/sidebar/light/dock.svg</file>
+        <file>images/sidebar/light/language.svg</file>
+        <file>images/sidebar/light/network.svg</file>
+        <file>images/sidebar/light/wallpaper.svg</file>
     </qresource>
 </RCC>