diff --git a/res/ComponentLibrary/LEDSlider.svg b/res/ComponentLibrary/LEDSlider.svg
index 272a9f19..e375dc6f 100644
--- a/res/ComponentLibrary/LEDSlider.svg
+++ b/res/ComponentLibrary/LEDSlider.svg
@@ -1,66 +1,14 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<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="7.00002mm"
-   height="26.999905mm"
-   viewBox="0 0 7.00002 26.999905"
-   version="1.1"
-   id="svg163547"
-   sodipodi:docname="LEDSlider.svg"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06">
-  <defs
-     id="defs163541" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.979899"
-     inkscape:cx="-33.18202"
-     inkscape:cy="22.493378"
-     inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="2"
-     fit-margin-right="2"
-     fit-margin-bottom="0"
-     inkscape:window-width="2560"
-     inkscape:window-height="1422"
-     inkscape:window-x="0"
-     inkscape:window-y="18"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata163544">
-    <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></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-105.35713,-95.267905)">
-    <path
-       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
-       d="m 110.35715,95.267905 v 26.999905 h -3.00002 V 95.267905 Z m 0,0"
-       id="path159840"
-       inkscape:connector-curvature="0" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg163547" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="19.84258px"
+	 height="76.53516px" viewBox="0 0 19.84258 76.53516" enable-background="new 0 0 19.84258 76.53516" xml:space="preserve">
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" fit-margin-bottom="0" fit-margin-left="2" fit-margin-right="2" fit-margin-top="0" id="base" inkscape:current-layer="layer1" inkscape:cx="-33.18202" inkscape:cy="22.493378" inkscape:document-units="mm" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1422" inkscape:window-maximized="0" inkscape:window-width="2560" inkscape:window-x="0" inkscape:window-y="18" inkscape:zoom="1.979899" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<g id="layer1" transform="translate(-105.35713,-95.267905)" inkscape:groupmode="layer" inkscape:label="Layer 1">
+	<path id="path159840" inkscape:connector-curvature="0" d="M119.5304,97.09577v72.87942c0,1.00951-0.81836,1.82787-1.82787,1.82787
+		h-4.84827c-1.0095,0-1.82786-0.81836-1.82786-1.82787V97.09577c0-1.00951,0.81836-1.82787,1.82786-1.82787h4.84827
+		C118.71204,95.26791,119.5304,96.08627,119.5304,97.09577z"/>
+</g>
+</svg>
diff --git a/res/ComponentLibrary/LEDSliderHandle.svg b/res/ComponentLibrary/LEDSliderHandle.svg
index 737514c0..81040eda 100644
--- a/res/ComponentLibrary/LEDSliderHandle.svg
+++ b/res/ComponentLibrary/LEDSliderHandle.svg
@@ -1,66 +1,15 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<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="1.52414mm"
-   height="4.1423802mm"
-   viewBox="0 0 1.52414 4.1423802"
-   version="1.1"
-   id="svg164153"
-   inkscape:version="0.92.4 5da689c313, 2019-01-14"
-   sodipodi:docname="LEDSliderHandle.svg">
-  <defs
-     id="defs164147" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="7.9195959"
-     inkscape:cx="-23.101371"
-     inkscape:cy="2.1230781"
-     inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:window-width="1600"
-     inkscape:window-height="882"
-     inkscape:window-x="0"
-     inkscape:window-y="18"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata164150">
-    <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></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-118.96512,-95.791547)">
-    <path
-       style="fill:#5c5c5c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
-       d="m 120.48926,95.791547 v 4.14238 h -1.52414 v -4.14238 z m 0,0"
-       id="path162650"
-       inkscape:connector-curvature="0" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg164153" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="4.3204px"
+	 height="11.74218px" viewBox="0 0 4.3204 11.74218" enable-background="new 0 0 4.3204 11.74218" xml:space="preserve">
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" fit-margin-bottom="0" fit-margin-left="0" fit-margin-right="0" fit-margin-top="0" id="base" inkscape:current-layer="layer1" inkscape:cx="-23.101371" inkscape:cy="2.1230781" inkscape:document-units="mm" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="882" inkscape:window-maximized="0" inkscape:window-width="1600" inkscape:window-x="0" inkscape:window-y="18" inkscape:zoom="7.9195959" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<path fill="#454545" d="M4.32028,11.74218H0V0h4.32028V11.74218z"/>
+<rect y="8.87107" fill="#787878" width="4.32027" height="1"/>
+<rect y="10.77812" fill="#363636" width="4.32027" height="0.96405"/>
+<rect y="1.84624" fill="#262626" width="4.32027" height="1"/>
+<rect fill="#5E5E5E" width="4.32027" height="0.79375"/>
+<rect y="2.87108" fill="#D4D4D4" width="4.32027" height="6"/>
+</svg>
diff --git a/res/ComponentLibrary/LEDSliderLight.svg b/res/ComponentLibrary/LEDSliderLight.svg
new file mode 100644
index 00000000..5188fc85
--- /dev/null
+++ b/res/ComponentLibrary/LEDSliderLight.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.0"
+   id="svg164153"
+   x="0px"
+   y="0px"
+   width="4.3202701"
+   height="6.00001"
+   viewBox="0 0 4.3202698 6.0000101"
+   enable-background="new 0 0 4.3204 11.74218"
+   xml:space="preserve"
+   sodipodi:docname="LEDSliderLight.svg"
+   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
+   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"><defs
+   id="defs19" />
+<sodipodi:namedview
+   bordercolor="#666666"
+   borderopacity="1.0"
+   fit-margin-bottom="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-top="0"
+   id="base"
+   inkscape:current-layer="svg164153"
+   inkscape:cx="-0.89043389"
+   inkscape:cy="7.2578763"
+   inkscape:document-units="mm"
+   inkscape:pageopacity="0.0"
+   inkscape:pageshadow="2"
+   inkscape:window-height="882"
+   inkscape:window-maximized="0"
+   inkscape:window-width="1600"
+   inkscape:window-x="0"
+   inkscape:window-y="18"
+   inkscape:zoom="29.760772"
+   pagecolor="#ffffff"
+   showgrid="false"
+   inkscape:pagecheckerboard="0">
+	</sodipodi:namedview>
+<rect
+   x="0.46793997"
+   y="0.43858004"
+   opacity="0.4"
+   fill="#ffffff"
+   enable-background="new    "
+   width="3.3843901"
+   height="0.46342"
+   id="rect3" />
+<rect
+   x="0.46793997"
+   y="5.0980101"
+   opacity="0.4"
+   fill="#ffffff"
+   enable-background="new    "
+   width="3.3843901"
+   height="0.46342"
+   id="rect5" />
+<rect
+   x="3.85233"
+   y="2.0027161e-05"
+   opacity="0.11"
+   enable-background="new    "
+   width="0.46794"
+   height="5.99999"
+   id="rect7" />
+<rect
+   x="0"
+   y="0"
+   opacity="0.11"
+   enable-background="new    "
+   width="0.46794"
+   height="5.99999"
+   id="rect9" />
+<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="-983.01074"
+   y1="1002.4846"
+   x2="-983.01074"
+   y2="999.99487"
+   gradientTransform="matrix(-1,0,0,1,-980.8506,-998.20348)">
+	<stop
+   offset="0"
+   style="stop-color:#FDFDFF"
+   id="stop11" />
+	<stop
+   offset="1"
+   style="stop-color:#FCFEFF;stop-opacity:0"
+   id="stop13" />
+</linearGradient>
+<ellipse
+   opacity="0.38"
+   fill="url(#SVGID_1_)"
+   enable-background="new    "
+   cx="2.16013"
+   cy="3.0362601"
+   rx="0.85495001"
+   ry="1.24484"
+   id="ellipse16"
+   style="fill:url(#SVGID_1_)" />
+</svg>