diff --git a/include/componentlibrary.hpp b/include/componentlibrary.hpp
index 14d0b9cd..7e743173 100644
--- a/include/componentlibrary.hpp
+++ b/include/componentlibrary.hpp
@@ -237,39 +237,49 @@ struct PB61303Light : Base {
 ////////////////////
 
 struct RoundKnob : app::SvgKnob {
+	widget::SvgWidget* bg;
+
 	RoundKnob() {
 		minAngle = -0.83 * M_PI;
 		maxAngle = 0.83 * M_PI;
+
+		bg = new widget::SvgWidget;
+		fb->addChildBelow(bg, tw);
 	}
 };
 
 struct RoundBlackKnob : RoundKnob {
 	RoundBlackKnob() {
 		setSvg(Svg::load(asset::system("res/ComponentLibrary/RoundBlackKnob.svg")));
+		bg->setSvg(Svg::load(asset::system("res/ComponentLibrary/RoundBlackKnob-bg.svg")));
 	}
 };
 
 struct RoundSmallBlackKnob : RoundKnob {
 	RoundSmallBlackKnob() {
 		setSvg(Svg::load(asset::system("res/ComponentLibrary/RoundSmallBlackKnob.svg")));
+		bg->setSvg(Svg::load(asset::system("res/ComponentLibrary/RoundSmallBlackKnob-bg.svg")));
 	}
 };
 
 struct RoundLargeBlackKnob : RoundKnob {
 	RoundLargeBlackKnob() {
 		setSvg(Svg::load(asset::system("res/ComponentLibrary/RoundLargeBlackKnob.svg")));
+		bg->setSvg(Svg::load(asset::system("res/ComponentLibrary/RoundLargeBlackKnob-bg.svg")));
 	}
 };
 
 struct RoundBigBlackKnob : RoundKnob {
 	RoundBigBlackKnob() {
 		setSvg(Svg::load(asset::system("res/ComponentLibrary/RoundBigBlackKnob.svg")));
+		bg->setSvg(Svg::load(asset::system("res/ComponentLibrary/RoundBigBlackKnob-bg.svg")));
 	}
 };
 
 struct RoundHugeBlackKnob : RoundKnob {
 	RoundHugeBlackKnob() {
 		setSvg(Svg::load(asset::system("res/ComponentLibrary/RoundHugeBlackKnob.svg")));
+		bg->setSvg(Svg::load(asset::system("res/ComponentLibrary/RoundHugeBlackKnob-bg.svg")));
 	}
 };
 
@@ -572,10 +582,17 @@ struct SynthTechAlco : app::SvgKnob {
 };
 
 struct Trimpot : app::SvgKnob {
+	widget::SvgWidget* bg;
+
 	Trimpot() {
 		minAngle = -0.75 * M_PI;
 		maxAngle = 0.75 * M_PI;
+
+		bg = new widget::SvgWidget;
+		fb->addChildBelow(bg, tw);
+
 		setSvg(Svg::load(asset::system("res/ComponentLibrary/Trimpot.svg")));
+		bg->setSvg(Svg::load(asset::system("res/ComponentLibrary/Trimpot-bg.svg")));
 	}
 };
 
diff --git a/res/ComponentLibrary/RoundBigBlackKnob-bg.svg b/res/ComponentLibrary/RoundBigBlackKnob-bg.svg
new file mode 100644
index 00000000..e56da4ab
--- /dev/null
+++ b/res/ComponentLibrary/RoundBigBlackKnob-bg.svg
@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg52164" 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="45px" height="45.00001px"
+	 viewBox="0 0 45 45.00001" enable-background="new 0 0 45 45.00001" 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="29.110815" inkscape:cy="14.88916" inkscape:document-units="mm" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="879" inkscape:window-maximized="1" inkscape:window-width="1600" inkscape:window-x="0" inkscape:window-y="21" inkscape:zoom="5.6" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="22.5" y1="48" x2="22.5" y2="3" gradientTransform="matrix(1 0 0 -1 0 48)">
+	<stop  offset="0" style="stop-color:#9C989A"/>
+	<stop  offset="1" style="stop-color:#0A0A0A"/>
+</linearGradient>
+<circle fill="url(#SVGID_1_)" cx="22.5" cy="22.5" r="22.5"/>
+<path opacity="0.25" fill="#FFFFFF" enable-background="new    " d="M22.49704,22.49619L16.68409,0.80198
+	c-1.89588,0.508-3.71701,1.26233-5.41681,2.24371S8.00365,5.22704,6.61577,6.61492L22.49704,22.49619z"/>
+<g>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="22.5" y1="47.03893" x2="22.5" y2="3.96107" gradientTransform="matrix(1 0 0 -1 0 48)">
+		<stop  offset="0" style="stop-color:#424042"/>
+		<stop  offset="1" style="stop-color:#333333"/>
+	</linearGradient>
+	<circle fill="url(#SVGID_2_)" cx="22.5" cy="22.5" r="21.53893"/>
+</g>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="22.5" y1="46.01245" x2="22.5" y2="4.98749" gradientTransform="matrix(1 0 0 -1 0 48)">
+	<stop  offset="0" style="stop-color:#9C989A"/>
+	<stop  offset="1" style="stop-color:#0A0A0A"/>
+</linearGradient>
+<circle fill="url(#SVGID_3_)" cx="22.5" cy="22.50003" r="20.51248"/>
+<path opacity="0.08" fill="#FFFFFF" enable-background="new    " d="M22.50261,22.50381l5.29451,19.75939
+	c1.72679-0.46269,3.3855-1.14975,4.9337-2.0436c1.5482-0.89385,2.97257-1.98681,4.23666-3.25091L22.50261,22.50381z"/>
+<path opacity="0.48" fill="#FFFFFF" enable-background="new    " d="M22.50261,22.50381l-5.3131-19.82874
+	c-1.73285,0.46431-3.39739,1.15379-4.95102,2.05078s-2.983,1.99378-4.25153,3.26232L22.50261,22.50381z"/>
+<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-297.94046" y1="1045.33301" x2="-258.72531" y2="1045.33301" gradientTransform="matrix(0 1 1 0 -1022.83295 300.83289)">
+	<stop  offset="0.00559" style="stop-color:#4A4848"/>
+	<stop  offset="1" style="stop-color:#1F1F1F"/>
+</linearGradient>
+<circle fill="url(#SVGID_4_)" cx="22.5" cy="22.5" r="19.60757"/>
+<g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,21.39255c0.61065,0,1.10745,0.4968,1.10745,1.10745s-0.4968,1.10745-1.10745,1.10745
+			s-1.10745-0.4968-1.10745-1.10745S21.88935,21.39255,22.5,21.39255 M22.5,20.89255c-0.88777,0-1.60745,0.71968-1.60745,1.60745
+			s0.71968,1.60745,1.60745,1.60745s1.60745-0.71968,1.60745-1.60745S23.38777,20.89255,22.5,20.89255L22.5,20.89255z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,20.0225c1.3661,0,2.4775,1.1114,2.4775,2.4775s-1.1114,2.4775-2.4775,2.4775
+			s-2.4775-1.1114-2.4775-2.4775S21.1339,20.0225,22.5,20.0225 M22.5,19.5225c-1.64443,0-2.9775,1.33307-2.9775,2.9775
+			s1.33307,2.9775,2.9775,2.9775s2.9775-1.33307,2.9775-2.9775S24.14443,19.5225,22.5,19.5225L22.5,19.5225z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,18.76757c2.05807,0,3.73243,1.67436,3.73243,3.73243S24.55807,26.23243,22.5,26.23243
+			S18.76757,24.55807,18.76757,22.5S20.44193,18.76757,22.5,18.76757 M22.5,18.26757c-2.33751,0-4.23243,1.89492-4.23243,4.23243
+			s1.89492,4.23243,4.23243,4.23243s4.23243-1.89492,4.23243-4.23243S24.83751,18.26757,22.5,18.26757L22.5,18.26757z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,17.44466c2.78752,0,5.05534,2.26782,5.05534,5.05534S25.28752,27.55534,22.5,27.55534
+			S17.44466,25.28752,17.44466,22.5S19.71248,17.44466,22.5,17.44466 M22.5,16.94466c-3.06813,0-5.55534,2.48721-5.55534,5.55534
+			s2.48721,5.55534,5.55534,5.55534s5.55534-2.48721,5.55534-5.55534S25.56813,16.94466,22.5,16.94466L22.5,16.94466z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,16.19467c3.47677,0,6.30533,2.82856,6.30533,6.30533S25.97677,28.80533,22.5,28.80533
+			S16.19467,25.97677,16.19467,22.5S19.02323,16.19467,22.5,16.19467 M22.5,15.69467c-3.75848,0-6.80533,3.04685-6.80533,6.80533
+			s3.04685,6.80533,6.80533,6.80533s6.80533-3.04685,6.80533-6.80533S26.25848,15.69467,22.5,15.69467L22.5,15.69467z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,14.89239c4.19485,0,7.60761,3.41276,7.60761,7.60761S26.69485,30.10761,22.5,30.10761
+			S14.89239,26.69485,14.89239,22.5S18.30515,14.89239,22.5,14.89239 M22.5,14.39239c-4.47771,0-8.10761,3.6299-8.10761,8.10761
+			s3.6299,8.10761,8.10761,8.10761s8.10761-3.6299,8.10761-8.10761S26.97771,14.39239,22.5,14.39239L22.5,14.39239z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,13.54907c4.93556,0,8.95093,4.01537,8.95093,8.95093S27.43556,31.45093,22.5,31.45093
+			S13.54907,27.43556,13.54907,22.5S17.56444,13.54907,22.5,13.54907 M22.5,13.04907c-5.21961,0-9.45093,4.23132-9.45093,9.45093
+			s4.23132,9.45093,9.45093,9.45093s9.45093-4.23132,9.45093-9.45093S27.71961,13.04907,22.5,13.04907L22.5,13.04907z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,12.11137c5.72831,0,10.38863,4.66032,10.38863,10.38863S28.22831,32.88863,22.5,32.88863
+			S12.11137,28.22831,12.11137,22.5S16.77169,12.11137,22.5,12.11137 M22.5,11.61137c-6.01362,0-10.88863,4.87501-10.88863,10.88863
+			S16.48638,33.38863,22.5,33.38863S33.38863,28.51362,33.38863,22.5S28.51362,11.61137,22.5,11.61137L22.5,11.61137z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,10.72076c6.49509,0,11.77924,5.28415,11.77924,11.77924S28.99509,34.27924,22.5,34.27924
+			S10.72076,28.99509,10.72076,22.5S16.00491,10.72076,22.5,10.72076 M22.5,10.22076c-6.78164,0-12.27924,5.4976-12.27924,12.27924
+			S15.71836,34.77924,22.5,34.77924S34.77924,29.28164,34.77924,22.5S29.28164,10.22076,22.5,10.22076L22.5,10.22076z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,9.32993c7.262,0,13.17007,5.90807,13.17007,13.17007S29.762,35.67007,22.5,35.67007
+			S9.32993,29.762,9.32993,22.5S15.238,9.32993,22.5,9.32993 M22.5,8.82993c-7.54977,0-13.67007,6.1203-13.67007,13.67007
+			S14.95023,36.17007,22.5,36.17007S36.17007,30.04977,36.17007,22.5S30.04977,8.82993,22.5,8.82993L22.5,8.82993z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,7.89244c8.05464,0,14.60756,6.55292,14.60756,14.60756
+			c0,8.05463-6.55292,14.60755-14.60756,14.60755c-8.05463,0-14.60755-6.55292-14.60755-14.60755
+			C7.89245,14.44536,14.44537,7.89244,22.5,7.89244 M22.5,7.39244c-8.34367,0-15.10755,6.76389-15.10755,15.10756
+			S14.15633,37.60755,22.5,37.60755S37.60756,30.84367,37.60756,22.5S30.84367,7.39244,22.5,7.39244L22.5,7.39244z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,6.44806c8.85107,0,16.05194,7.20087,16.05194,16.05194S31.35107,38.55194,22.5,38.55194
+			S6.44806,31.35107,6.44806,22.5S13.64893,6.44806,22.5,6.44806 M22.5,5.94806c-9.14139,0-16.55194,7.41056-16.55194,16.55194
+			c0,9.14139,7.41055,16.55194,16.55194,16.55194c9.14138,0,16.55194-7.41055,16.55194-16.55194
+			C39.05194,13.35862,31.64138,5.94806,22.5,5.94806L22.5,5.94806z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,5.01747c9.6399,0,17.48253,7.84263,17.48253,17.48253S32.1399,39.98253,22.5,39.98253
+			S5.01747,32.1399,5.01747,22.5S12.8601,5.01747,22.5,5.01747 M22.5,4.51747c-9.93148,0-17.98253,8.05105-17.98253,17.98253
+			S12.56852,40.48253,22.5,40.48253S40.48253,32.43148,40.48253,22.5S32.43148,4.51747,22.5,4.51747L22.5,4.51747z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M22.5,3.57931c10.4329,0,18.92069,8.48779,18.92069,18.92069S32.9329,41.42069,22.5,41.42069
+			S3.57931,32.9329,3.57931,22.5S12.0671,3.57931,22.5,3.57931 M22.5,3.07931c-10.72575,0-19.42069,8.69494-19.42069,19.42069
+			S11.77425,41.92069,22.5,41.92069S41.92069,33.22575,41.92069,22.5S33.22575,3.07931,22.5,3.07931L22.5,3.07931z"/>
+	</g>
+</g>
+<path opacity="0.39" enable-background="new    " d="M22.49704,22.5l16.98323,9.80527
+	c1.72106-2.98096,2.62732-6.36316,2.62732-9.80527s-0.90626-6.82432-2.62732-9.80527L22.49704,22.5z"/>
+<path opacity="0.39" enable-background="new    " d="M22.49706,22.5L5.51383,12.69473
+	C3.79277,15.67568,2.88651,19.05789,2.88651,22.5s0.90626,6.82432,2.62732,9.80527L22.49706,22.5z"/>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M22.49923,22.49918l5.06871,18.91669
+	c1.65315-0.44296,3.24112-1.10072,4.72329-1.95645c1.48217-0.85573,2.84579-1.90207,4.05598-3.11226L22.49923,22.49918z"/>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M22.49923,22.49918L17.4235,3.55631
+	c-1.65543,0.44357-3.2456,1.10224-4.72983,1.95916S9.84395,7.42018,8.63208,8.63204L22.49923,22.49918z"/>
+</svg>
diff --git a/res/ComponentLibrary/RoundBigBlackKnob.svg b/res/ComponentLibrary/RoundBigBlackKnob.svg
index 881b9749..adbabe58 100644
--- a/res/ComponentLibrary/RoundBigBlackKnob.svg
+++ b/res/ComponentLibrary/RoundBigBlackKnob.svg
@@ -1,71 +1,12 @@
-<?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="15.875mm"
-   height="15.875003mm"
-   viewBox="0 0 15.875 15.875003"
-   version="1.1"
-   id="svg52164"
-   inkscape:version="0.92.4 5da689c313, 2019-01-14"
-   sodipodi:docname="BlackKnob.svg">
-  <defs
-     id="defs52158" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="5.6"
-     inkscape:cx="29.110815"
-     inkscape:cy="14.88916"
-     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="879"
-     inkscape:window-x="0"
-     inkscape:window-y="21"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata52161">
-    <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(-132.66964,-87.979167)">
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277778"
-       d="m 148.54464,95.916667 c 0,4.383543 -3.55395,7.937503 -7.9375,7.937503 -4.38354,0 -7.9375,-3.55396 -7.9375,-7.937503 0,-4.383539 3.55396,-7.9375 7.9375,-7.9375 4.38355,0 7.9375,3.553961 7.9375,7.9375"
-       id="path51525" />
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#fdfdfd;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.35277778"
-       d="m 140.87035,88.009485 c -0.0854,-0.0193 -0.17226,-0.0303 -0.26321,-0.0303 -0.0909,0 -0.17776,0.01101 -0.26321,0.0303 v 8.006401 h 0.52642 z m 0,0"
-       id="path51527" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg52164" 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="45px" height="45.00001px"
+	 viewBox="0 0 45 45.00001" enable-background="new 0 0 45 45.00001" 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="29.110815" inkscape:cy="14.88916" inkscape:document-units="mm" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="879" inkscape:window-maximized="1" inkscape:window-width="1600" inkscape:window-x="0" inkscape:window-y="21" inkscape:zoom="5.6" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<path fill="#EDEDED" d="M23.38463,2.89254h-1.76925v19.08557c0,0.28613,0.23196,0.51809,0.51809,0.51809h0.73308
+	c0.28613,0,0.51809-0.23196,0.51809-0.51809C23.38464,21.97811,23.38464,2.89254,23.38463,2.89254z"/>
+<rect x="21.61537" y="1.98753" opacity="0.81" fill="#FFFFFF" enable-background="new    " width="1.76925" height="0.90492"/>
+</svg>
diff --git a/res/ComponentLibrary/RoundBlackKnob-bg.svg b/res/ComponentLibrary/RoundBlackKnob-bg.svg
new file mode 100644
index 00000000..e9dea5a6
--- /dev/null
+++ b/res/ComponentLibrary/RoundBlackKnob-bg.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg111794" 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="28.34759px"
+	 height="28.34768px" viewBox="0 0 28.34759 28.34768" enable-background="new 0 0 28.34759 28.34768" 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="-66.596017" inkscape:cy="-47.298945" 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="2.8" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="14.1738" y1="29.99996" x2="14.1738" y2="1.65236" gradientTransform="matrix(1 0 0 -1 0 30)">
+	<stop  offset="0" style="stop-color:#9C989A"/>
+	<stop  offset="1" style="stop-color:#0A0A0A"/>
+</linearGradient>
+<circle fill="url(#SVGID_1_)" cx="14.1738" cy="14.17384" r="14.1738"/>
+<path opacity="0.25" fill="#FFFFFF" enable-background="new    " d="M14.17084,14.17003L10.50698,0.49631
+	C9.31202,0.8165,8.16417,1.29195,7.0928,1.91051S5.03575,3.2854,4.16098,4.16018L14.17084,14.17003z"/>
+<g>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="14.1738" y1="29.03234" x2="14.1738" y2="2.61998" gradientTransform="matrix(1 0 0 -1 0 30)">
+		<stop  offset="0" style="stop-color:#424042"/>
+		<stop  offset="1" style="stop-color:#333333"/>
+	</linearGradient>
+	<circle fill="url(#SVGID_2_)" cx="14.1738" cy="14.17384" r="13.20618"/>
+</g>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="14.1738" y1="28.01242" x2="14.1738" y2="3.63984" gradientTransform="matrix(1 0 0 -1 0 30)">
+	<stop  offset="0" style="stop-color:#9C989A"/>
+	<stop  offset="1" style="stop-color:#0A0A0A"/>
+</linearGradient>
+<circle fill="url(#SVGID_3_)" cx="14.1738" cy="14.17387" r="12.18629"/>
+<path opacity="0.08" fill="#FFFFFF" enable-background="new    " d="M14.17084,14.17003l3.1527,11.76603
+	c1.02824-0.27551,2.01595-0.68464,2.93785-1.21689c0.9219-0.53226,1.77006-1.18307,2.52279-1.9358L14.17084,14.17003z"/>
+<path opacity="0.48" fill="#FFFFFF" enable-background="new    " d="M14.17084,14.17003L11.01832,2.40467
+	c-1.02819,0.2755-2.01584,0.6846-2.93768,1.21683C7.15879,4.15372,6.31068,4.8045,5.558,5.55719L14.17084,14.17003z"/>
+<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-295.9404" y1="1053.00671" x2="-273.37769" y2="1053.00671" gradientTransform="matrix(0 1 1 0 -1038.83301 298.83289)">
+	<stop  offset="0.00559" style="stop-color:#4A4848"/>
+	<stop  offset="1" style="stop-color:#1F1F1F"/>
+</linearGradient>
+<circle fill="url(#SVGID_4_)" cx="14.1738" cy="14.17384" r="11.28136"/>
+<g>
+	<g>
+		<path fill="#1A1A1A" d="M14.1738,13.06639c0.61066,0,1.10746,0.4968,1.10746,1.10745s-0.4968,1.10745-1.10746,1.10745
+			c-0.61065,0-1.10745-0.4968-1.10745-1.10745S13.56315,13.06639,14.1738,13.06639 M14.1738,12.56639
+			c-0.88777,0-1.60745,0.71968-1.60745,1.60745s0.71968,1.60745,1.60745,1.60745s1.60746-0.71968,1.60746-1.60745
+			S15.06157,12.56639,14.1738,12.56639L14.1738,12.56639z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M14.1738,11.69634c1.3661,0,2.4775,1.1114,2.4775,2.4775s-1.1114,2.4775-2.4775,2.4775
+			s-2.4775-1.1114-2.4775-2.4775S12.8077,11.69634,14.1738,11.69634 M14.1738,11.19634c-1.64443,0-2.9775,1.33307-2.9775,2.9775
+			s1.33307,2.9775,2.9775,2.9775s2.9775-1.33307,2.9775-2.9775S15.81823,11.19634,14.1738,11.19634L14.1738,11.19634z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M14.1738,10.44141c2.05807,0,3.73243,1.67436,3.73243,3.73243s-1.67436,3.73243-3.73243,3.73243
+			s-3.73243-1.67436-3.73243-3.73243S12.11573,10.44141,14.1738,10.44141 M14.1738,9.94141
+			c-2.33751,0-4.23243,1.89492-4.23243,4.23243s1.89492,4.23243,4.23243,4.23243s4.23243-1.89492,4.23243-4.23243
+			S16.51131,9.94141,14.1738,9.94141L14.1738,9.94141z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M14.1738,9.1185c2.78752,0,5.05534,2.26782,5.05534,5.05534s-2.26782,5.05534-5.05534,5.05534
+			s-5.05534-2.26782-5.05534-5.05534S11.38628,9.1185,14.1738,9.1185 M14.1738,8.6185c-3.06813,0-5.55534,2.48721-5.55534,5.55534
+			s2.48721,5.55534,5.55534,5.55534s5.55534-2.48721,5.55534-5.55534S17.24193,8.6185,14.1738,8.6185L14.1738,8.6185z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M14.1738,7.86851c3.47677,0,6.30533,2.82856,6.30533,6.30533s-2.82856,6.30533-6.30533,6.30533
+			s-6.30533-2.82856-6.30533-6.30533S10.69703,7.86851,14.1738,7.86851 M14.1738,7.36851
+			c-3.75848,0-6.80533,3.04685-6.80533,6.80533s3.04685,6.80533,6.80533,6.80533s6.80533-3.04685,6.80533-6.80533
+			S17.93228,7.36851,14.1738,7.36851L14.1738,7.36851z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M14.1738,6.56623c4.19485,0,7.60761,3.41276,7.60761,7.60761s-3.41276,7.60761-7.60761,7.60761
+			s-7.60761-3.41276-7.60761-7.60761S9.97895,6.56623,14.1738,6.56623 M14.1738,6.06623c-4.47771,0-8.10761,3.6299-8.10761,8.10761
+			s3.6299,8.10761,8.10761,8.10761s8.10761-3.6299,8.10761-8.10761S18.65151,6.06623,14.1738,6.06623L14.1738,6.06623z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M14.1738,5.22291c4.93556,0,8.95093,4.01537,8.95093,8.95093s-4.01537,8.95093-8.95093,8.95093
+			s-8.95093-4.01537-8.95093-8.95093S9.23824,5.22291,14.1738,5.22291 M14.1738,4.72291c-5.21961,0-9.45093,4.23132-9.45093,9.45093
+			s4.23132,9.45093,9.45093,9.45093s9.45093-4.23132,9.45093-9.45093S19.39341,4.72291,14.1738,4.72291L14.1738,4.72291z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M14.1738,3.78521c5.72831,0,10.38863,4.66032,10.38863,10.38863S19.90211,24.56247,14.1738,24.56247
+			S3.78517,19.90215,3.78517,14.17384S8.44549,3.78521,14.1738,3.78521 M14.1738,3.28521
+			c-6.01363,0-10.88863,4.87501-10.88863,10.88863s4.875,10.88863,10.88863,10.88863c6.01362,0,10.88863-4.87501,10.88863-10.88863
+			S20.18742,3.28521,14.1738,3.28521L14.1738,3.28521z"/>
+	</g>
+</g>
+<path opacity="0.39" enable-background="new    " d="M14.17084,14.17032l9.77251,5.64216
+	c0.99034-1.71531,1.51182-3.6615,1.51182-5.64216s-0.52148-3.92686-1.51182-5.64216L14.17084,14.17032z"/>
+<path opacity="0.39" enable-background="new    " d="M14.17086,14.17032L4.39834,8.52816
+	c-0.99034,1.71531-1.51182,3.6615-1.51182,5.64216s0.52148,3.92686,1.51182,5.64216L14.17086,14.17032z"/>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M14.17084,14.16748l2.92045,10.89926
+	c0.9525-0.25522,1.86744-0.6342,2.72142-1.12725c0.85398-0.49305,1.63966-1.09592,2.33694-1.7932L14.17084,14.16748z"/>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M14.17084,14.16748L11.24635,3.25314
+	c-0.95381,0.25557-1.87002,0.63508-2.72519,1.12881C7.666,4.87568,6.87923,5.47938,6.18099,6.17762L14.17084,14.16748z"/>
+</svg>
diff --git a/res/ComponentLibrary/RoundBlackKnob.svg b/res/ComponentLibrary/RoundBlackKnob.svg
index 0fa91ad9..57de780d 100644
--- a/res/ComponentLibrary/RoundBlackKnob.svg
+++ b/res/ComponentLibrary/RoundBlackKnob.svg
@@ -1,71 +1,12 @@
-<?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="10.0004mm"
-   height="10.000431mm"
-   viewBox="0 0 10.000399 10.000431"
-   version="1.1"
-   id="svg111794"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
-   sodipodi:docname="RoundBlackKnob.svg">
-  <defs
-     id="defs111788" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="2.8"
-     inkscape:cx="-66.596017"
-     inkscape:cy="-47.298945"
-     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="2560"
-     inkscape:window-height="1422"
-     inkscape:window-x="0"
-     inkscape:window-y="18"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata111791">
-    <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(-135.80716,-61.39592)">
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
-       d="m 145.80756,66.395451 c 0,2.761586 -2.23791,5.0009 -4.99949,5.0009 -2.76162,0 -5.00091,-2.239314 -5.00091,-5.0009 0,-2.76159 2.23929,-4.999524 5.00091,-4.999524 2.76158,0 4.99949,2.237934 4.99949,4.999524"
-       id="path110594" />
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.35277775"
-       d="m 140.97479,61.41522 c -0.0551,-0.01242 -0.11024,-0.0193 -0.16672,-0.0193 -0.0579,0 -0.11162,0.0069 -0.16676,0.0193 v 5.043618 h 0.33348 z m 0,0"
-       id="path110596" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg111794" 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="28.34759px"
+	 height="28.34768px" viewBox="0 0 28.34759 28.34768" enable-background="new 0 0 28.34759 28.34768" 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="-66.596017" inkscape:cy="-47.298945" 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="2.8" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<path fill="#EDEDED" d="M15.0584,2.89251h-1.76925V13.5745c0,0.28613,0.23196,0.51809,0.51809,0.51809h0.73308
+	c0.28613,0,0.51809-0.23196,0.51809-0.51809V2.89251H15.0584z"/>
+<rect x="13.28917" y="1.98757" opacity="0.81" fill="#FFFFFF" enable-background="new    " width="1.76925" height="0.90492"/>
+</svg>
diff --git a/res/ComponentLibrary/RoundHugeBlackKnob-bg.svg b/res/ComponentLibrary/RoundHugeBlackKnob-bg.svg
new file mode 100644
index 00000000..58af4146
--- /dev/null
+++ b/res/ComponentLibrary/RoundHugeBlackKnob-bg.svg
@@ -0,0 +1,149 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg111794" 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="53.85929px"
+	 height="53.85937px" viewBox="0 0 53.85929 53.85937" enable-background="new 0 0 53.85929 53.85937" 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="-18.065819" inkscape:cy="35.516889" 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="2.8" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="26.92965" y1="55.98862" x2="26.92965" y2="2.12932" gradientTransform="matrix(1 0 0 -1 0 56)">
+	<stop  offset="0" style="stop-color:#9C989A"/>
+	<stop  offset="1" style="stop-color:#0A0A0A"/>
+</linearGradient>
+<circle fill="url(#SVGID_1_)" cx="26.92965" cy="26.94103" r="26.92965"/>
+<path opacity="0.25" fill="#FFFFFF" enable-background="new    " d="M26.92669,26.93722L19.96498,0.95579
+	c-2.27054,0.60839-4.45157,1.5118-6.48728,2.68712S9.5691,6.25535,7.90695,7.9175L26.92669,26.93722z"/>
+<g>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="26.92965" y1="55.03281" x2="26.92965" y2="3.08513" gradientTransform="matrix(1 0 0 -1 0 56)">
+		<stop  offset="0" style="stop-color:#424042"/>
+		<stop  offset="1" style="stop-color:#333333"/>
+	</linearGradient>
+	<circle fill="url(#SVGID_2_)" cx="26.92965" cy="26.94103" r="25.97384"/>
+</g>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="26.92965" y1="54.02028" x2="26.92965" y2="4.0976" gradientTransform="matrix(1 0 0 -1 0 56)">
+	<stop  offset="0" style="stop-color:#9C989A"/>
+	<stop  offset="1" style="stop-color:#0A0A0A"/>
+</linearGradient>
+<circle fill="url(#SVGID_3_)" cx="26.92965" cy="26.94106" r="24.96134"/>
+<path opacity="0.08" fill="#FFFFFF" enable-background="new    " d="M26.93776,26.95234l6.44,24.03441
+	c2.10039-0.56279,4.11797-1.3985,6.00113-2.48574s3.61569-2.41666,5.15328-3.95425L26.93776,26.95234z"/>
+<path opacity="0.48" fill="#FFFFFF" enable-background="new    " d="M26.93776,26.95234l-6.4626-24.11877
+	c-2.10776,0.56477-4.13243,1.40341-6.02219,2.49447S10.82459,7.75319,9.2816,9.29617L26.93776,26.95234z"/>
+<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-295.92908" y1="1039.76428" x2="-247.85461" y2="1039.76428" gradientTransform="matrix(0 1 1 0 -1012.83295 298.83289)">
+	<stop  offset="0.00559" style="stop-color:#403E3E"/>
+	<stop  offset="1" style="stop-color:#1F1F1F"/>
+</linearGradient>
+<circle fill="url(#SVGID_4_)" cx="26.93139" cy="26.94103" r="24.03723"/>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M26.92669,26.93497l6.22219,23.22153
+	c2.02935-0.54376,3.97869-1.35121,5.79816-2.40168s3.4934-2.33493,4.97899-3.82051L26.92669,26.93497z"/>
+<g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,25.83358c0.61066,0,1.10746,0.4968,1.10746,1.10745s-0.4968,1.10745-1.10746,1.10745
+			c-0.61065,0-1.10745-0.4968-1.10745-1.10745S26.319,25.83358,26.92965,25.83358 M26.92965,25.33358
+			c-0.88777,0-1.60745,0.71968-1.60745,1.60745s0.71968,1.60745,1.60745,1.60745s1.60746-0.71968,1.60746-1.60745
+			S27.81742,25.33358,26.92965,25.33358L26.92965,25.33358z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,24.46353c1.3661,0,2.4775,1.1114,2.4775,2.4775s-1.1114,2.4775-2.4775,2.4775
+			s-2.4775-1.1114-2.4775-2.4775S25.56355,24.46353,26.92965,24.46353 M26.92965,23.96353c-1.64443,0-2.9775,1.33307-2.9775,2.9775
+			s1.33307,2.9775,2.9775,2.9775s2.9775-1.33307,2.9775-2.9775S28.57408,23.96353,26.92965,23.96353L26.92965,23.96353z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,23.2086c2.05807,0,3.73244,1.67436,3.73244,3.73243s-1.67437,3.73243-3.73244,3.73243
+			s-3.73243-1.67436-3.73243-3.73243S24.87158,23.2086,26.92965,23.2086 M26.92965,22.7086
+			c-2.33751,0-4.23243,1.89492-4.23243,4.23243s1.89492,4.23243,4.23243,4.23243s4.23244-1.89492,4.23244-4.23243
+			S29.26716,22.7086,26.92965,22.7086L26.92965,22.7086z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,21.88569c2.78752,0,5.05534,2.26782,5.05534,5.05534s-2.26782,5.05534-5.05534,5.05534
+			s-5.05534-2.26782-5.05534-5.05534S24.14213,21.88569,26.92965,21.88569 M26.92965,21.38569
+			c-3.06813,0-5.55534,2.48721-5.55534,5.55534s2.48721,5.55534,5.55534,5.55534s5.55534-2.48721,5.55534-5.55534
+			S29.99778,21.38569,26.92965,21.38569L26.92965,21.38569z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,20.6357c3.47677,0,6.30533,2.82856,6.30533,6.30533s-2.82856,6.30533-6.30533,6.30533
+			s-6.30533-2.82856-6.30533-6.30533S23.45288,20.6357,26.92965,20.6357 M26.92965,20.1357
+			c-3.75848,0-6.80533,3.04685-6.80533,6.80533s3.04685,6.80533,6.80533,6.80533s6.80533-3.04685,6.80533-6.80533
+			S30.68813,20.1357,26.92965,20.1357L26.92965,20.1357z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,19.33342c4.19485,0,7.60761,3.41276,7.60761,7.60761s-3.41276,7.60761-7.60761,7.60761
+			s-7.60761-3.41276-7.60761-7.60761S22.7348,19.33342,26.92965,19.33342 M26.92965,18.83342
+			c-4.47771,0-8.10761,3.6299-8.10761,8.10761s3.6299,8.10761,8.10761,8.10761s8.10761-3.6299,8.10761-8.10761
+			S31.40736,18.83342,26.92965,18.83342L26.92965,18.83342z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,17.99009c4.93557,0,8.95094,4.01537,8.95094,8.95094c0,4.93556-4.01537,8.95093-8.95094,8.95093
+			c-4.93556,0-8.95093-4.01537-8.95093-8.95093C17.97872,22.00546,21.99409,17.99009,26.92965,17.99009 M26.92965,17.49009
+			c-5.21961,0-9.45093,4.23133-9.45093,9.45094c0,5.2196,4.23132,9.45093,9.45093,9.45093s9.45094-4.23133,9.45094-9.45093
+			C36.38059,21.72142,32.14926,17.49009,26.92965,17.49009L26.92965,17.49009z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,16.5524c5.72831,0,10.38863,4.66032,10.38863,10.38863s-4.66032,10.38863-10.38863,10.38863
+			s-10.38863-4.66032-10.38863-10.38863S21.20134,16.5524,26.92965,16.5524 M26.92965,16.0524
+			c-6.01362,0-10.88863,4.875-10.88863,10.88863c0,6.01362,4.87501,10.88863,10.88863,10.88863
+			c6.01363,0,10.88863-4.87501,10.88863-10.88863C37.81828,20.9274,32.94328,16.0524,26.92965,16.0524L26.92965,16.0524z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,15.16178c6.49509,0,11.77924,5.28415,11.77924,11.77925
+			c0,6.49509-5.28415,11.77924-11.77924,11.77924s-11.77924-5.28415-11.77924-11.77924
+			C15.15041,20.44593,20.43456,15.16178,26.92965,15.16178 M26.92965,14.66178c-6.78164,0-12.27924,5.49761-12.27924,12.27925
+			s5.4976,12.27924,12.27924,12.27924s12.27924-5.4976,12.27924-12.27924S33.71129,14.66178,26.92965,14.66178L26.92965,14.66178z"
+			/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,13.77096c7.262,0,13.17007,5.90807,13.17007,13.17007s-5.90807,13.17006-13.17007,13.17006
+			s-13.17006-5.90806-13.17006-13.17006S19.66765,13.77096,26.92965,13.77096 M26.92965,13.27096
+			c-7.54977,0-13.67006,6.1203-13.67006,13.67007s6.12029,13.67006,13.67006,13.67006s13.67007-6.12029,13.67007-13.67006
+			S34.47942,13.27096,26.92965,13.27096L26.92965,13.27096z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,12.33348c8.05464,0,14.60756,6.55292,14.60756,14.60755s-6.55292,14.60755-14.60756,14.60755
+			S12.3221,34.99566,12.3221,26.94103S18.87502,12.33348,26.92965,12.33348 M26.92965,11.83348
+			c-8.34367,0-15.10755,6.76388-15.10755,15.10755s6.76388,15.10755,15.10755,15.10755s15.10756-6.76388,15.10756-15.10755
+			S35.27332,11.83348,26.92965,11.83348L26.92965,11.83348z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,10.88909c8.85107,0,16.05194,7.20087,16.05194,16.05194s-7.20087,16.05194-16.05194,16.05194
+			S10.87771,35.7921,10.87771,26.94103S18.07858,10.88909,26.92965,10.88909 M26.92965,10.38909
+			c-9.14138,0-16.55194,7.41055-16.55194,16.55194s7.41056,16.55194,16.55194,16.55194s16.55194-7.41056,16.55194-16.55194
+			C43.48159,17.79964,36.07103,10.38909,26.92965,10.38909L26.92965,10.38909z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,9.4585c9.6399,0,17.48253,7.84263,17.48253,17.48253s-7.84263,17.48253-17.48253,17.48253
+			S9.44712,36.58093,9.44712,26.94103S17.28975,9.4585,26.92965,9.4585 M26.92965,8.9585
+			c-9.93148,0-17.98253,8.05105-17.98253,17.98253s8.05105,17.98253,17.98253,17.98253s17.98253-8.05105,17.98253-17.98253
+			S36.86113,8.9585,26.92965,8.9585L26.92965,8.9585z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,8.02034c10.4329,0,18.92069,8.48779,18.92069,18.92069s-8.48779,18.92069-18.92069,18.92069
+			S8.00896,37.37393,8.00896,26.94103S16.49675,8.02034,26.92965,8.02034 M26.92965,7.52034
+			c-10.72575,0-19.42069,8.69494-19.42069,19.42069s8.69494,19.42069,19.42069,19.42069s19.42069-8.69494,19.42069-19.42069
+			S37.6554,7.52034,26.92965,7.52034L26.92965,7.52034z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,6.58352c11.22517,0,20.35751,9.13234,20.35751,20.35751s-9.13234,20.35751-20.35751,20.35751
+			S6.57214,38.1662,6.57214,26.94103S15.70448,6.58352,26.92965,6.58352 M26.92965,6.08352
+			c-11.51928,0-20.85751,9.33822-20.85751,20.85751s9.33823,20.85751,20.85751,20.85751s20.85751-9.33823,20.85751-20.85751
+			S38.44893,6.08352,26.92965,6.08352L26.92965,6.08352z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,5.14603c12.0178,0,21.795,9.7772,21.795,21.795s-9.7772,21.795-21.795,21.795
+			s-21.795-9.7772-21.795-21.795S14.91185,5.14603,26.92965,5.14603 M26.92965,4.64603c-12.31319,0-22.295,9.98182-22.295,22.295
+			s9.98181,22.295,22.295,22.295s22.295-9.98181,22.295-22.295S39.24284,4.64603,26.92965,4.64603L26.92965,4.64603z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M26.92965,3.70855c12.81044,0,23.23249,10.42205,23.23249,23.23248S39.74009,50.17352,26.92965,50.17352
+			S3.69717,39.75147,3.69717,26.94103S14.11922,3.70855,26.92965,3.70855 M26.92965,3.20855
+			c-13.10709,0-23.73248,10.62539-23.73248,23.73248s10.62539,23.73249,23.73248,23.73249s23.73249-10.6254,23.73249-23.73249
+			S40.03674,3.20855,26.92965,3.20855L26.92965,3.20855z"/>
+	</g>
+</g>
+<path opacity="0.39" enable-background="new    " d="M26.92669,26.94103l20.82093,12.02098
+	c2.10997-3.65457,3.22102-7.80104,3.22102-12.02098c0-4.21993-1.11105-8.36641-3.22102-12.02097L26.92669,26.94103z"/>
+<path opacity="0.39" enable-background="new    " d="M26.92672,26.94103L6.10578,14.92006
+	c-2.10997,3.65456-3.22102,7.80104-3.22102,12.02097s1.11105,8.36641,3.22102,12.02098L26.92672,26.94103z"/>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M26.92669,26.93497L20.69589,3.6813
+	c-2.03216,0.54451-3.9842,1.35307-5.80618,2.405s-3.49824,2.33816-4.98588,3.8258L26.92669,26.93497z"/>
+</svg>
diff --git a/res/ComponentLibrary/RoundHugeBlackKnob.svg b/res/ComponentLibrary/RoundHugeBlackKnob.svg
index cc3c2a7f..43aafa3a 100644
--- a/res/ComponentLibrary/RoundHugeBlackKnob.svg
+++ b/res/ComponentLibrary/RoundHugeBlackKnob.svg
@@ -1,71 +1,12 @@
-<?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="19.000362mm"
-   height="19.000389mm"
-   viewBox="0 0 19.000362 19.000389"
-   version="1.1"
-   id="svg111794"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
-   sodipodi:docname="RoundHugeBlackKnob.svg">
-  <defs
-     id="defs111788" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="2.8"
-     inkscape:cx="-18.065819"
-     inkscape:cy="35.516889"
-     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="2560"
-     inkscape:window-height="1422"
-     inkscape:window-x="0"
-     inkscape:window-y="18"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata111791">
-    <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(-98.209438,-77.425955)">
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
-       d="m 117.2098,86.92615 c 0,5.247569 -4.25397,9.500195 -9.50016,9.500195 -5.24757,0 -9.500202,-4.252626 -9.500202,-9.500195 0,-5.24619 4.252632,-9.500193 9.500202,-9.500193 5.24619,0 9.50016,4.254003 9.50016,9.500193"
-       id="path110586" />
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.35277775"
-       d="m 108.0252,77.463165 c -0.10337,-0.02343 -0.2067,-0.03721 -0.31556,-0.03721 -0.10887,0 -0.21361,0.01379 -0.3156,0.03721 v 9.582876 h 0.63116 z m 0,0"
-       id="path110588" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg111794" 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="53.85929px"
+	 height="53.85937px" viewBox="0 0 53.85929 53.85937" enable-background="new 0 0 53.85929 53.85937" 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="-18.065819" inkscape:cy="35.516889" 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="2.8" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<path fill="#EDEDED" d="M27.81428,2.88471h-1.76925v23.53218c0,0.28613,0.23195,0.51809,0.51809,0.51809h0.73308
+	c0.28613,0,0.51809-0.23196,0.51809-0.51809L27.81428,2.88471z"/>
+<rect x="26.04502" y="1.9797" opacity="0.81" fill="#FFFFFF" enable-background="new    " width="1.76925" height="0.90492"/>
+</svg>
diff --git a/res/ComponentLibrary/RoundLargeBlackKnob-bg.svg b/res/ComponentLibrary/RoundLargeBlackKnob-bg.svg
new file mode 100644
index 00000000..8f770658
--- /dev/null
+++ b/res/ComponentLibrary/RoundLargeBlackKnob-bg.svg
@@ -0,0 +1,241 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg111794" 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="35.99997px" height="36px"
+	 viewBox="0 0 35.99997 36" enable-background="new 0 0 35.99997 36" 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="-130.49441" inkscape:cy="-43.340255" 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="2.8" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-4492.3999" y1="2099.62012" x2="-4492.3999" y2="2134.57983" gradientTransform="matrix(1 0 0 1 0 -730)">
+		<stop  offset="0" style="stop-color:#D4D0D3"/>
+		<stop  offset="1" style="stop-color:#4A4A4A"/>
+	</linearGradient>
+	<circle fill="url(#SVGID_1_)" cx="-4492.3999" cy="1387.09998" r="17.47992"/>
+</g>
+<g opacity="0.26">
+	<path fill="#4A4A4A" d="M-4492.3999,1369.87012c4.60205,0,8.92871,1.79224,12.18311,5.04651s5.04688,7.58105,5.04688,12.18335
+		s-1.79248,8.92908-5.04688,12.18335s-7.58105,5.04651-12.18311,5.04651s-8.9292-1.79224-12.18359-5.04651
+		c-6.71777-6.7179-6.71777-17.6488,0-24.3667C-4501.3291,1371.66235-4497.00195,1369.87012-4492.3999,1369.87012
+		 M-4492.3999,1369.62012c-4.47363,0-8.94678,1.70654-12.36035,5.11975c-6.82617,6.82629-6.82617,17.89392,0,24.72021
+		c3.41357,3.41321,7.88672,5.11975,12.36035,5.11975c4.47314,0,8.94678-1.70654,12.35986-5.11975
+		c6.82666-6.82629,6.82666-17.89392,0-24.72021C-4483.45312,1371.32666-4487.92676,1369.62012-4492.3999,1369.62012
+		L-4492.3999,1369.62012z"/>
+</g>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M-4492.50439,1387.09778l4.0791,15.22229
+	c1.33008-0.35645,2.60791-0.88574,3.80078-1.57434c1.19238-0.6886,2.29004-1.53064,3.26367-2.50439L-4492.50439,1387.09778z"/>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M-4492.5127,1387.10242l-4.07861-15.22229
+	c-1.33008,0.35645-2.60791,0.88574-3.80078,1.57434s-2.29004,1.53064-3.26416,2.50439L-4492.5127,1387.10242z"/>
+<path opacity="0.31" fill="#FFFFFF" enable-background="new    " d="M-4492.50391,1387.09753l4.53418,16.9209
+	c1.47852-0.39624,2.89893-0.98462,4.22461-1.75012c1.32617-0.76538,2.5459-1.70142,3.62842-2.78381L-4492.50391,1387.09753z"/>
+<path opacity="0.78" fill="#FFFFFF" enable-background="new    " d="M-4492.5127,1387.10266l-4.44189-16.57666
+	c-1.44873,0.38818-2.84033,0.9646-4.13916,1.71448s-2.49365,1.66675-3.5542,2.72729L-4492.5127,1387.10266z"/>
+<circle fill="none" cx="-4492.40381" cy="1387.1001" r="17.29248"/>
+<g>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="774.01343" y1="3200.56592" x2="804.521" y2="3200.56592" gradientTransform="matrix(6.123234e-17 1 -1 6.123234e-17 -1291.83301 597.83289)">
+		<stop  offset="0.00559" style="stop-color:#4A4848"/>
+		<stop  offset="1" style="stop-color:#1F1F1F"/>
+	</linearGradient>
+	<circle fill="url(#SVGID_2_)" cx="-4492.39893" cy="1387.1001" r="15.25385"/>
+	<g opacity="0.22">
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1386.23071c0.47949,0,0.86914,0.39001,0.86914,0.86938s-0.38965,0.86938-0.86914,0.86938
+				s-0.86963-0.39001-0.86963-0.86938S-4492.87744,1386.23071-4492.39795,1386.23071 M-4492.39795,1385.73071
+				c-0.75635,0-1.36963,0.61316-1.36963,1.36938s0.61328,1.36938,1.36963,1.36938s1.36914-0.61316,1.36914-1.36938
+				S-4491.6416,1385.73071-4492.39795,1385.73071L-4492.39795,1385.73071z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1385.0636c1.12256,0,2.03613,0.91357,2.03613,2.0365s-0.91357,2.0365-2.03613,2.0365
+				c-1.12305,0-2.03662-0.91357-2.03662-2.0365S-4493.521,1385.0636-4492.39795,1385.0636 M-4492.39795,1384.5636
+				c-1.40088,0-2.53662,1.13562-2.53662,2.5365s1.13574,2.5365,2.53662,2.5365s2.53613-1.13562,2.53613-2.5365
+				S-4490.99707,1384.5636-4492.39795,1384.5636L-4492.39795,1384.5636z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1383.99463c1.7124,0,3.10547,1.39307,3.10547,3.10547s-1.39307,3.10547-3.10547,3.10547
+				s-3.10547-1.39307-3.10547-3.10547S-4494.11035,1383.99463-4492.39795,1383.99463 M-4492.39795,1383.49463
+				c-1.99121,0-3.60547,1.61426-3.60547,3.60547s1.61426,3.60547,3.60547,3.60547s3.60547-1.61426,3.60547-3.60547
+				S-4490.40674,1383.49463-4492.39795,1383.49463L-4492.39795,1383.49463z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1382.86768c2.33398,0,4.23242,1.89868,4.23242,4.23242s-1.89844,4.23242-4.23242,4.23242
+				s-4.23242-1.89868-4.23242-4.23242S-4494.73193,1382.86768-4492.39795,1382.86768 M-4492.39795,1382.36768
+				c-2.61377,0-4.73242,2.11877-4.73242,4.73242s2.11865,4.73242,4.73242,4.73242c2.61328,0,4.73242-2.11877,4.73242-4.73242
+				S-4489.78467,1382.36768-4492.39795,1382.36768L-4492.39795,1382.36768z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1381.80286c2.9209,0,5.29688,2.37634,5.29688,5.29724s-2.37598,5.29724-5.29688,5.29724
+				s-5.29736-2.37634-5.29736-5.29724S-4495.31885,1381.80286-4492.39795,1381.80286 M-4492.39795,1381.30286
+				c-3.20166,0-5.79736,2.59546-5.79736,5.79724s2.5957,5.79724,5.79736,5.79724s5.79688-2.59546,5.79688-5.79724
+				S-4489.19629,1381.30286-4492.39795,1381.30286L-4492.39795,1381.30286z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1380.69348c3.53223,0,6.40625,2.87402,6.40625,6.40662s-2.87402,6.40662-6.40625,6.40662
+				c-3.53271,0-6.40674-2.87402-6.40674-6.40662S-4495.93066,1380.69348-4492.39795,1380.69348 M-4492.39795,1380.19348
+				c-3.81445,0-6.90674,3.09216-6.90674,6.90662s3.09229,6.90662,6.90674,6.90662s6.90625-3.09216,6.90625-6.90662
+				S-4488.5835,1380.19348-4492.39795,1380.19348L-4492.39795,1380.19348z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1379.54907c4.16357,0,7.55078,3.38733,7.55078,7.55103s-3.38721,7.55103-7.55078,7.55103
+				s-7.55127-3.38733-7.55127-7.55103S-4496.56152,1379.54907-4492.39795,1379.54907 M-4492.39795,1379.04907
+				c-4.44678,0-8.05127,3.60461-8.05127,8.05103s3.60449,8.05103,8.05127,8.05103c4.44629,0,8.05078-3.60461,8.05078-8.05103
+				S-4487.95166,1379.04907-4492.39795,1379.04907L-4492.39795,1379.04907z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1378.32434c4.83887,0,8.77539,3.93677,8.77539,8.77576s-3.93652,8.77576-8.77539,8.77576
+				s-8.77588-3.93677-8.77588-8.77576S-4497.23682,1378.32434-4492.39795,1378.32434 M-4492.39795,1377.82434
+				c-5.12305,0-9.27588,4.15295-9.27588,9.27576s4.15283,9.27576,9.27588,9.27576c5.12256,0,9.27539-4.15295,9.27539-9.27576
+				S-4487.27539,1377.82434-4492.39795,1377.82434L-4492.39795,1377.82434z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1377.13977c5.4917,0,9.95996,4.46814,9.95996,9.96033s-4.46826,9.96033-9.95996,9.96033
+				c-5.49219,0-9.96045-4.46814-9.96045-9.96033S-4497.89014,1377.13977-4492.39795,1377.13977 M-4492.39795,1376.63977
+				c-5.77734,0-10.46045,4.68323-10.46045,10.46033s4.68311,10.46033,10.46045,10.46033
+				c5.77686,0,10.45996-4.68323,10.45996-10.46033S-4486.62109,1376.63977-4492.39795,1376.63977L-4492.39795,1376.63977z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1375.95496c6.14551,0,11.14502,4.99963,11.14502,11.14514
+				s-4.99951,11.14514-11.14502,11.14514s-11.14551-4.99963-11.14551-11.14514S-4498.54346,1375.95496-4492.39795,1375.95496
+				 M-4492.39795,1375.45496c-6.43164,0-11.64551,5.21375-11.64551,11.64514s5.21387,11.64514,11.64551,11.64514
+				c6.43115,0,11.64502-5.21375,11.64502-11.64514S-4485.9668,1375.45496-4492.39795,1375.45496L-4492.39795,1375.45496z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1374.73047c6.8208,0,12.36963,5.54895,12.36963,12.36963
+				s-5.54883,12.36975-12.36963,12.36975s-12.36963-5.54907-12.36963-12.36975S-4499.21875,1374.73047-4492.39795,1374.73047
+				 M-4492.39795,1374.23047c-7.10791,0-12.86963,5.76184-12.86963,12.86963s5.76172,12.86975,12.86963,12.86975
+				c7.10742,0,12.86963-5.76196,12.86963-12.86975S-4485.29053,1374.23047-4492.39795,1374.23047L-4492.39795,1374.23047z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1373.49719c7.50098,0,13.60303,6.10229,13.60303,13.60291
+				s-6.10205,13.60291-13.60303,13.60291s-13.60303-6.10229-13.60303-13.60291S-4499.89893,1373.49719-4492.39795,1373.49719
+				 M-4492.39795,1372.99719c-7.78906,0-14.10303,6.31409-14.10303,14.10291s6.31396,14.10291,14.10303,14.10291
+				c7.78857,0,14.10303-6.31409,14.10303-14.10291S-4484.60938,1372.99719-4492.39795,1372.99719L-4492.39795,1372.99719z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1372.26392c8.18066,0,14.83594,6.65552,14.83594,14.83618
+				s-6.65527,14.83618-14.83594,14.83618s-14.83643-6.65552-14.83643-14.83618S-4500.57861,1372.26392-4492.39795,1372.26392
+				 M-4492.39795,1371.76392c-8.47021,0-15.33643,6.86621-15.33643,15.33618s6.86621,15.33618,15.33643,15.33618
+				c8.46973,0,15.33594-6.86621,15.33594-15.33618S-4483.92822,1371.76392-4492.39795,1371.76392L-4492.39795,1371.76392z"/>
+		</g>
+	</g>
+	<path opacity="0.39" enable-background="new    " d="M-4492.39795,1387.1582l13.28125,7.66809
+		c1.34619-2.33118,2.05469-4.9762,2.05469-7.66809s-0.7085-5.33691-2.05469-7.66809L-4492.39795,1387.1582z"/>
+	<path opacity="0.39" enable-background="new    " d="M-4492.39795,1387.1582l-13.28174-7.66809
+		c-1.3457,2.33118-2.05469,4.9762-2.05469,7.66809s0.70898,5.33691,2.05469,7.66809L-4492.39795,1387.1582z"/>
+	<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M-4492.50586,1387.09778l3.96924,14.8136
+		c1.29492-0.3468,2.53809-0.86194,3.69922-1.53198c1.16064-0.67017,2.22852-1.48962,3.17578-2.43726L-4492.50586,1387.09778z"/>
+	<g>
+		<g>
+			<circle fill="none" cx="-4492.55859" cy="1387.1001" r="16.82812"/>
+		</g>
+		
+			<rect x="-4493.44336" y="1371.76392" opacity="0.99" fill="#EDEDED" enable-background="new    " width="1.77002" height="15.33618"/>
+	</g>
+	<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M-4492.51367,1387.10242l-3.96924-14.8136
+		c-1.29443,0.3468-2.53809,0.86194-3.69873,1.5321c-1.16064,0.67004-2.22852,1.4895-3.17627,2.43713L-4492.51367,1387.10242z"/>
+</g>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="18" y1="38" x2="18" y2="2" gradientTransform="matrix(1 0 0 -1 0 38)">
+	<stop  offset="0" style="stop-color:#9C989A"/>
+	<stop  offset="1" style="stop-color:#0A0A0A"/>
+</linearGradient>
+<circle fill="url(#SVGID_3_)" cx="18" cy="18" r="18"/>
+<path opacity="0.04" fill="#FFFFFF" enable-background="new    " d="M17.99704,17.99619l4.64847,17.34834
+	c1.51609-0.40623,2.9724-1.00946,4.33169-1.79424s2.60985-1.74438,3.7197-2.85423L17.99704,17.99619z"/>
+<path opacity="0.25" fill="#FFFFFF" enable-background="new    " d="M17.99704,17.99619L13.3394,0.61366
+	c-1.51908,0.40703-2.97826,1.01145-4.34023,1.79778s-2.615,1.74782-3.72704,2.85986L17.99704,17.99619z"/>
+<g>
+	
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="18" y1="37.03893" x2="18" y2="2.96107" gradientTransform="matrix(1 0 0 -1 0 38)">
+		<stop  offset="0" style="stop-color:#424042"/>
+		<stop  offset="1" style="stop-color:#333333"/>
+	</linearGradient>
+	<circle fill="url(#SVGID_4_)" cx="18" cy="18" r="17.03893"/>
+</g>
+<g opacity="0.39">
+	<ellipse cx="17.99806" cy="18.65003" rx="16.0812" ry="15.93747"/>
+</g>
+<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="18" y1="36.01246" x2="18" y2="3.98748" gradientTransform="matrix(1 0 0 -1 0 38)">
+	<stop  offset="0" style="stop-color:#9C989A"/>
+	<stop  offset="1" style="stop-color:#0A0A0A"/>
+</linearGradient>
+<circle fill="url(#SVGID_5_)" cx="18" cy="18.00003" r="16.01249"/>
+<path opacity="0.08" fill="#FFFFFF" enable-background="new    " d="M17.99704,17.99619l4.13235,15.42215
+	c1.34776-0.36113,2.64238-0.89738,3.85074-1.59503s2.32008-1.5507,3.3067-2.53732L17.99704,17.99619z"/>
+<path opacity="0.48" fill="#FFFFFF" enable-background="new    " d="M17.99704,17.99619L13.85018,2.51992
+	c-1.35249,0.3624-2.65165,0.90053-3.86425,1.60063S7.65771,5.67668,6.66762,6.66677L17.99704,17.99619z"/>
+<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-295.94037" y1="1048.83301" x2="-265.7254" y2="1048.83301" gradientTransform="matrix(0 1 1 0 -1030.83301 298.83289)">
+	<stop  offset="0.00559" style="stop-color:#4A4848"/>
+	<stop  offset="1" style="stop-color:#1F1F1F"/>
+</linearGradient>
+<circle fill="url(#SVGID_6_)" cx="18" cy="18" r="15.10748"/>
+<g>
+	<g>
+		<path fill="#1A1A1A" d="M18,16.89255c0.61065,0,1.10745,0.4968,1.10745,1.10745S18.61065,19.10745,18,19.10745
+			S16.89255,18.61065,16.89255,18S17.38935,16.89255,18,16.89255 M18,16.39255c-0.88777,0-1.60745,0.71968-1.60745,1.60745
+			S17.11223,19.60745,18,19.60745S19.60745,18.88777,19.60745,18S18.88777,16.39255,18,16.39255L18,16.39255z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M18,15.5225c1.3661,0,2.4775,1.1114,2.4775,2.4775S19.3661,20.4775,18,20.4775S15.5225,19.3661,15.5225,18
+			S16.6339,15.5225,18,15.5225 M18,15.0225c-1.64443,0-2.9775,1.33307-2.9775,2.9775S16.35557,20.9775,18,20.9775
+			S20.9775,19.64443,20.9775,18S19.64443,15.0225,18,15.0225L18,15.0225z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M18,14.26757c2.05807,0,3.73243,1.67436,3.73243,3.73243S20.05807,21.73243,18,21.73243
+			S14.26757,20.05807,14.26757,18S15.94193,14.26757,18,14.26757 M18,13.76757c-2.33751,0-4.23243,1.89492-4.23243,4.23243
+			S15.66249,22.23243,18,22.23243S22.23243,20.33751,22.23243,18S20.33751,13.76757,18,13.76757L18,13.76757z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M18,12.94466c2.78752,0,5.05534,2.26782,5.05534,5.05534S20.78752,23.05534,18,23.05534
+			S12.94466,20.78752,12.94466,18S15.21248,12.94466,18,12.94466 M18,12.44466c-3.06813,0-5.55534,2.48721-5.55534,5.55534
+			S14.93187,23.55534,18,23.55534S23.55534,21.06813,23.55534,18S21.06813,12.44466,18,12.44466L18,12.44466z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M18,11.69467c3.47677,0,6.30533,2.82856,6.30533,6.30533S21.47677,24.30533,18,24.30533
+			S11.69467,21.47677,11.69467,18S14.52323,11.69467,18,11.69467 M18,11.19467c-3.75848,0-6.80533,3.04685-6.80533,6.80533
+			S14.24152,24.80533,18,24.80533S24.80533,21.75848,24.80533,18S21.75848,11.19467,18,11.19467L18,11.19467z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M18,10.39239c4.19485,0,7.60761,3.41276,7.60761,7.60761S22.19485,25.60761,18,25.60761
+			S10.39239,22.19485,10.39239,18S13.80515,10.39239,18,10.39239 M18,9.89239c-4.47771,0-8.10761,3.6299-8.10761,8.10761
+			S13.52229,26.10761,18,26.10761S26.10761,22.47771,26.10761,18S22.47771,9.89239,18,9.89239L18,9.89239z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M18,9.04907c4.93556,0,8.95093,4.01537,8.95093,8.95093S22.93556,26.95093,18,26.95093
+			S9.04907,22.93556,9.04907,18S13.06444,9.04907,18,9.04907 M18,8.54907c-5.21961,0-9.45093,4.23132-9.45093,9.45093
+			S12.78039,27.45093,18,27.45093S27.45093,23.21961,27.45093,18S23.21961,8.54907,18,8.54907L18,8.54907z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M18,7.61137c5.72831,0,10.38863,4.66032,10.38863,10.38863S23.72831,28.38863,18,28.38863
+			S7.61137,23.72831,7.61137,18S12.27169,7.61137,18,7.61137 M18,7.11137C11.98638,7.11137,7.11137,11.98638,7.11137,18
+			S11.98638,28.88863,18,28.88863S28.88863,24.01362,28.88863,18S24.01362,7.11137,18,7.11137L18,7.11137z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M18,6.22076c6.49509,0,11.77924,5.28415,11.77924,11.77924S24.49509,29.77924,18,29.77924
+			S6.22076,24.49509,6.22076,18S11.50491,6.22076,18,6.22076 M18,5.72076c-6.78164,0-12.27924,5.4976-12.27924,12.27924
+			S11.21836,30.27924,18,30.27924S30.27924,24.78164,30.27924,18S24.78164,5.72076,18,5.72076L18,5.72076z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M18,4.82993c7.262,0,13.17007,5.90807,13.17007,13.17007S25.262,31.17007,18,31.17007
+			S4.82993,25.262,4.82993,18S10.738,4.82993,18,4.82993 M18,4.32993c-7.54977,0-13.67007,6.1203-13.67007,13.67007
+			S10.45023,31.67007,18,31.67007S31.67007,25.54977,31.67007,18S25.54977,4.32993,18,4.32993L18,4.32993z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M18,3.39244c8.05464,0,14.60756,6.55292,14.60756,14.60756c0,8.05463-6.55292,14.60755-14.60756,14.60755
+			C9.94537,32.60755,3.39245,26.05463,3.39245,18C3.39245,9.94536,9.94537,3.39244,18,3.39244 M18,2.89244
+			C9.65633,2.89244,2.89245,9.65633,2.89245,18S9.65633,33.10755,18,33.10755S33.10756,26.34367,33.10756,18
+			S26.34367,2.89244,18,2.89244L18,2.89244z"/>
+	</g>
+</g>
+<path opacity="0.39" enable-background="new    " d="M17.99704,18l13.08603,7.55522
+	c1.32612-2.29691,2.02442-4.90298,2.02442-7.55522s-0.6983-5.25832-2.02442-7.55522L17.99704,18z"/>
+<path opacity="0.39" enable-background="new    " d="M17.99706,18L4.91103,10.44478C3.58491,12.74168,2.88661,15.34776,2.88661,18
+	s0.6983,5.25832,2.02442,7.55522L17.99706,18z"/>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M17.99704,17.99619L21.90771,32.591
+	c1.27545-0.34175,2.50062-0.84924,3.64416-1.50946c1.14354-0.66022,2.19562-1.46751,3.12931-2.40121L17.99704,17.99619z"/>
+<g>
+	<circle fill="none" cx="18" cy="18" r="16.82217"/>
+</g>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M17.99704,17.99619l-3.91608-14.615
+	c-1.27722,0.34223-2.50408,0.85041-3.64921,1.51155S8.2331,6.36228,7.29811,7.29727L17.99704,17.99619z"/>
+</svg>
diff --git a/res/ComponentLibrary/RoundLargeBlackKnob.svg b/res/ComponentLibrary/RoundLargeBlackKnob.svg
index 82e4ae7a..912fa1a1 100644
--- a/res/ComponentLibrary/RoundLargeBlackKnob.svg
+++ b/res/ComponentLibrary/RoundLargeBlackKnob.svg
@@ -1,71 +1,140 @@
-<?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="12.69999mm"
-   height="12.7mm"
-   viewBox="0 0 12.69999 12.7"
-   version="1.1"
-   id="svg111794"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
-   sodipodi:docname="RoundLargeBlackKnob.svg">
-  <defs
-     id="defs111788" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="2.8"
-     inkscape:cx="-130.49441"
-     inkscape:cy="-43.340255"
-     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="2560"
-     inkscape:window-height="1422"
-     inkscape:window-x="0"
-     inkscape:window-y="18"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata111791">
-    <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(-127.95617,-62.862058)">
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
-       d="m 140.65616,69.212058 c 0,3.505729 -2.84289,6.35 -6.35,6.35 -3.5071,0 -6.34999,-2.844271 -6.34999,-6.35 0,-3.507109 2.84289,-6.35 6.34999,-6.35 3.50711,0 6.35,2.842891 6.35,6.35"
-       id="path110590" />
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.35277775"
-       d="m 134.51698,62.885486 c -0.0689,-0.01517 -0.13917,-0.02342 -0.21082,-0.02342 -0.0731,0 -0.14333,0.0083 -0.21085,0.02342 v 6.405121 h 0.42167 z m 0,0"
-       id="path110592" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg111794" 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="35.99997px" height="36px"
+	 viewBox="0 0 35.99997 36" enable-background="new 0 0 35.99997 36" 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="-130.49441" inkscape:cy="-43.340255" 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="2.8" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-4492.3999" y1="2099.62012" x2="-4492.3999" y2="2134.57983" gradientTransform="matrix(1 0 0 1 0 -730)">
+		<stop  offset="0" style="stop-color:#D4D0D3"/>
+		<stop  offset="1" style="stop-color:#4A4A4A"/>
+	</linearGradient>
+	<circle fill="url(#SVGID_1_)" cx="-4492.3999" cy="1387.09998" r="17.47992"/>
+</g>
+<g opacity="0.26">
+	<path fill="#4A4A4A" d="M-4492.3999,1369.87012c4.60205,0,8.92871,1.79224,12.18311,5.04651s5.04688,7.58105,5.04688,12.18335
+		s-1.79248,8.92908-5.04688,12.18335s-7.58105,5.04651-12.18311,5.04651s-8.9292-1.79224-12.18359-5.04651
+		c-6.71777-6.7179-6.71777-17.6488,0-24.3667C-4501.3291,1371.66235-4497.00195,1369.87012-4492.3999,1369.87012
+		 M-4492.3999,1369.62012c-4.47363,0-8.94678,1.70654-12.36035,5.11975c-6.82617,6.82629-6.82617,17.89392,0,24.72021
+		c3.41357,3.41321,7.88672,5.11975,12.36035,5.11975c4.47314,0,8.94678-1.70654,12.35986-5.11975
+		c6.82666-6.82629,6.82666-17.89392,0-24.72021C-4483.45312,1371.32666-4487.92676,1369.62012-4492.3999,1369.62012
+		L-4492.3999,1369.62012z"/>
+</g>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M-4492.50439,1387.09778l4.0791,15.22229
+	c1.33008-0.35645,2.60791-0.88574,3.80078-1.57434c1.19238-0.6886,2.29004-1.53064,3.26367-2.50439L-4492.50439,1387.09778z"/>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M-4492.5127,1387.10242l-4.07861-15.22229
+	c-1.33008,0.35645-2.60791,0.88574-3.80078,1.57434s-2.29004,1.53064-3.26416,2.50439L-4492.5127,1387.10242z"/>
+<path opacity="0.31" fill="#FFFFFF" enable-background="new    " d="M-4492.50391,1387.09753l4.53418,16.9209
+	c1.47852-0.39624,2.89893-0.98462,4.22461-1.75012c1.32617-0.76538,2.5459-1.70142,3.62842-2.78381L-4492.50391,1387.09753z"/>
+<path opacity="0.78" fill="#FFFFFF" enable-background="new    " d="M-4492.5127,1387.10266l-4.44189-16.57666
+	c-1.44873,0.38818-2.84033,0.9646-4.13916,1.71448s-2.49365,1.66675-3.5542,2.72729L-4492.5127,1387.10266z"/>
+<circle fill="none" cx="-4492.40381" cy="1387.1001" r="17.29248"/>
+<g>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="774.01343" y1="3200.56592" x2="804.521" y2="3200.56592" gradientTransform="matrix(6.123234e-17 1 -1 6.123234e-17 -1291.83301 597.83289)">
+		<stop  offset="0.00559" style="stop-color:#4A4848"/>
+		<stop  offset="1" style="stop-color:#1F1F1F"/>
+	</linearGradient>
+	<circle fill="url(#SVGID_2_)" cx="-4492.39893" cy="1387.1001" r="15.25385"/>
+	<g opacity="0.22">
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1386.23071c0.47949,0,0.86914,0.39001,0.86914,0.86938s-0.38965,0.86938-0.86914,0.86938
+				s-0.86963-0.39001-0.86963-0.86938S-4492.87744,1386.23071-4492.39795,1386.23071 M-4492.39795,1385.73071
+				c-0.75635,0-1.36963,0.61316-1.36963,1.36938s0.61328,1.36938,1.36963,1.36938s1.36914-0.61316,1.36914-1.36938
+				S-4491.6416,1385.73071-4492.39795,1385.73071L-4492.39795,1385.73071z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1385.0636c1.12256,0,2.03613,0.91357,2.03613,2.0365s-0.91357,2.0365-2.03613,2.0365
+				c-1.12305,0-2.03662-0.91357-2.03662-2.0365S-4493.521,1385.0636-4492.39795,1385.0636 M-4492.39795,1384.5636
+				c-1.40088,0-2.53662,1.13562-2.53662,2.5365s1.13574,2.5365,2.53662,2.5365s2.53613-1.13562,2.53613-2.5365
+				S-4490.99707,1384.5636-4492.39795,1384.5636L-4492.39795,1384.5636z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1383.99463c1.7124,0,3.10547,1.39307,3.10547,3.10547s-1.39307,3.10547-3.10547,3.10547
+				s-3.10547-1.39307-3.10547-3.10547S-4494.11035,1383.99463-4492.39795,1383.99463 M-4492.39795,1383.49463
+				c-1.99121,0-3.60547,1.61426-3.60547,3.60547s1.61426,3.60547,3.60547,3.60547s3.60547-1.61426,3.60547-3.60547
+				S-4490.40674,1383.49463-4492.39795,1383.49463L-4492.39795,1383.49463z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1382.86768c2.33398,0,4.23242,1.89868,4.23242,4.23242s-1.89844,4.23242-4.23242,4.23242
+				s-4.23242-1.89868-4.23242-4.23242S-4494.73193,1382.86768-4492.39795,1382.86768 M-4492.39795,1382.36768
+				c-2.61377,0-4.73242,2.11877-4.73242,4.73242s2.11865,4.73242,4.73242,4.73242c2.61328,0,4.73242-2.11877,4.73242-4.73242
+				S-4489.78467,1382.36768-4492.39795,1382.36768L-4492.39795,1382.36768z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1381.80286c2.9209,0,5.29688,2.37634,5.29688,5.29724s-2.37598,5.29724-5.29688,5.29724
+				s-5.29736-2.37634-5.29736-5.29724S-4495.31885,1381.80286-4492.39795,1381.80286 M-4492.39795,1381.30286
+				c-3.20166,0-5.79736,2.59546-5.79736,5.79724s2.5957,5.79724,5.79736,5.79724s5.79688-2.59546,5.79688-5.79724
+				S-4489.19629,1381.30286-4492.39795,1381.30286L-4492.39795,1381.30286z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1380.69348c3.53223,0,6.40625,2.87402,6.40625,6.40662s-2.87402,6.40662-6.40625,6.40662
+				c-3.53271,0-6.40674-2.87402-6.40674-6.40662S-4495.93066,1380.69348-4492.39795,1380.69348 M-4492.39795,1380.19348
+				c-3.81445,0-6.90674,3.09216-6.90674,6.90662s3.09229,6.90662,6.90674,6.90662s6.90625-3.09216,6.90625-6.90662
+				S-4488.5835,1380.19348-4492.39795,1380.19348L-4492.39795,1380.19348z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1379.54907c4.16357,0,7.55078,3.38733,7.55078,7.55103s-3.38721,7.55103-7.55078,7.55103
+				s-7.55127-3.38733-7.55127-7.55103S-4496.56152,1379.54907-4492.39795,1379.54907 M-4492.39795,1379.04907
+				c-4.44678,0-8.05127,3.60461-8.05127,8.05103s3.60449,8.05103,8.05127,8.05103c4.44629,0,8.05078-3.60461,8.05078-8.05103
+				S-4487.95166,1379.04907-4492.39795,1379.04907L-4492.39795,1379.04907z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1378.32434c4.83887,0,8.77539,3.93677,8.77539,8.77576s-3.93652,8.77576-8.77539,8.77576
+				s-8.77588-3.93677-8.77588-8.77576S-4497.23682,1378.32434-4492.39795,1378.32434 M-4492.39795,1377.82434
+				c-5.12305,0-9.27588,4.15295-9.27588,9.27576s4.15283,9.27576,9.27588,9.27576c5.12256,0,9.27539-4.15295,9.27539-9.27576
+				S-4487.27539,1377.82434-4492.39795,1377.82434L-4492.39795,1377.82434z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1377.13977c5.4917,0,9.95996,4.46814,9.95996,9.96033s-4.46826,9.96033-9.95996,9.96033
+				c-5.49219,0-9.96045-4.46814-9.96045-9.96033S-4497.89014,1377.13977-4492.39795,1377.13977 M-4492.39795,1376.63977
+				c-5.77734,0-10.46045,4.68323-10.46045,10.46033s4.68311,10.46033,10.46045,10.46033
+				c5.77686,0,10.45996-4.68323,10.45996-10.46033S-4486.62109,1376.63977-4492.39795,1376.63977L-4492.39795,1376.63977z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1375.95496c6.14551,0,11.14502,4.99963,11.14502,11.14514
+				s-4.99951,11.14514-11.14502,11.14514s-11.14551-4.99963-11.14551-11.14514S-4498.54346,1375.95496-4492.39795,1375.95496
+				 M-4492.39795,1375.45496c-6.43164,0-11.64551,5.21375-11.64551,11.64514s5.21387,11.64514,11.64551,11.64514
+				c6.43115,0,11.64502-5.21375,11.64502-11.64514S-4485.9668,1375.45496-4492.39795,1375.45496L-4492.39795,1375.45496z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1374.73047c6.8208,0,12.36963,5.54895,12.36963,12.36963
+				s-5.54883,12.36975-12.36963,12.36975s-12.36963-5.54907-12.36963-12.36975S-4499.21875,1374.73047-4492.39795,1374.73047
+				 M-4492.39795,1374.23047c-7.10791,0-12.86963,5.76184-12.86963,12.86963s5.76172,12.86975,12.86963,12.86975
+				c7.10742,0,12.86963-5.76196,12.86963-12.86975S-4485.29053,1374.23047-4492.39795,1374.23047L-4492.39795,1374.23047z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1373.49719c7.50098,0,13.60303,6.10229,13.60303,13.60291
+				s-6.10205,13.60291-13.60303,13.60291s-13.60303-6.10229-13.60303-13.60291S-4499.89893,1373.49719-4492.39795,1373.49719
+				 M-4492.39795,1372.99719c-7.78906,0-14.10303,6.31409-14.10303,14.10291s6.31396,14.10291,14.10303,14.10291
+				c7.78857,0,14.10303-6.31409,14.10303-14.10291S-4484.60938,1372.99719-4492.39795,1372.99719L-4492.39795,1372.99719z"/>
+		</g>
+		<g>
+			<path fill="#1A1A1A" d="M-4492.39795,1372.26392c8.18066,0,14.83594,6.65552,14.83594,14.83618
+				s-6.65527,14.83618-14.83594,14.83618s-14.83643-6.65552-14.83643-14.83618S-4500.57861,1372.26392-4492.39795,1372.26392
+				 M-4492.39795,1371.76392c-8.47021,0-15.33643,6.86621-15.33643,15.33618s6.86621,15.33618,15.33643,15.33618
+				c8.46973,0,15.33594-6.86621,15.33594-15.33618S-4483.92822,1371.76392-4492.39795,1371.76392L-4492.39795,1371.76392z"/>
+		</g>
+	</g>
+	<path opacity="0.39" enable-background="new    " d="M-4492.39795,1387.1582l13.28125,7.66809
+		c1.34619-2.33118,2.05469-4.9762,2.05469-7.66809s-0.7085-5.33691-2.05469-7.66809L-4492.39795,1387.1582z"/>
+	<path opacity="0.39" enable-background="new    " d="M-4492.39795,1387.1582l-13.28174-7.66809
+		c-1.3457,2.33118-2.05469,4.9762-2.05469,7.66809s0.70898,5.33691,2.05469,7.66809L-4492.39795,1387.1582z"/>
+	<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M-4492.50586,1387.09778l3.96924,14.8136
+		c1.29492-0.3468,2.53809-0.86194,3.69922-1.53198c1.16064-0.67017,2.22852-1.48962,3.17578-2.43726L-4492.50586,1387.09778z"/>
+	<g>
+		<g>
+			<circle fill="none" cx="-4492.55859" cy="1387.1001" r="16.82812"/>
+		</g>
+		
+			<rect x="-4493.44336" y="1371.76392" opacity="0.99" fill="#EDEDED" enable-background="new    " width="1.77002" height="15.33618"/>
+	</g>
+	<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M-4492.51367,1387.10242l-3.96924-14.8136
+		c-1.29443,0.3468-2.53809,0.86194-3.69873,1.5321c-1.16064,0.67004-2.22852,1.4895-3.17627,2.43713L-4492.51367,1387.10242z"/>
+</g>
+<rect x="17.11537" y="2.89254" fill="#EDEDED" width="1.76925" height="15.10746"/>
+<rect x="17.11537" y="1.98753" opacity="0.81" fill="#FFFFFF" enable-background="new    " width="1.76925" height="0.90492"/>
+</svg>
diff --git a/res/ComponentLibrary/RoundSmallBlackKnob-bg.svg b/res/ComponentLibrary/RoundSmallBlackKnob-bg.svg
new file mode 100644
index 00000000..49c56e2c
--- /dev/null
+++ b/res/ComponentLibrary/RoundSmallBlackKnob-bg.svg
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg111794" 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="22.67578px"
+	 height="22.67581px" viewBox="0 0 22.67578 22.67581" enable-background="new 0 0 22.67578 22.67581" 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="-87.928177" inkscape:cy="-71.041818" 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="2.8" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="11.3379" y1="24" x2="11.3379" y2="1.3242" gradientTransform="matrix(1 0 0 -1 0 24)">
+	<stop  offset="0" style="stop-color:#9C989A"/>
+	<stop  offset="1" style="stop-color:#0A0A0A"/>
+</linearGradient>
+<circle fill="url(#SVGID_1_)" cx="11.3379" cy="11.3379" r="11.3379"/>
+<path opacity="0.25" fill="#FFFFFF" enable-background="new    " d="M11.33494,11.33409L8.39443,0.35994
+	C7.43538,0.61692,6.51415,0.9985,5.6543,1.49494s-1.65093,1.10345-2.353,1.80552L11.33494,11.33409z"/>
+<g>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="11.3379" y1="23.03894" x2="11.3379" y2="2.28526" gradientTransform="matrix(1 0 0 -1 0 24)">
+		<stop  offset="0" style="stop-color:#424042"/>
+		<stop  offset="1" style="stop-color:#333333"/>
+	</linearGradient>
+	<circle fill="url(#SVGID_2_)" cx="11.3379" cy="11.3379" r="10.37684"/>
+</g>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="11.3379" y1="22.01246" x2="11.3379" y2="3.31168" gradientTransform="matrix(1 0 0 -1 0 24)">
+	<stop  offset="0" style="stop-color:#9C989A"/>
+	<stop  offset="1" style="stop-color:#0A0A0A"/>
+</linearGradient>
+<circle fill="url(#SVGID_3_)" cx="11.3379" cy="11.33793" r="9.35039"/>
+<path opacity="0.08" fill="#FFFFFF" enable-background="new    " d="M11.33494,11.33409l2.42247,9.04079
+	c0.79008-0.2117,1.54902-0.52606,2.25739-0.93504c0.70837-0.40898,1.36008-0.90905,1.93846-1.48743L11.33494,11.33409z"/>
+<path opacity="0.48" fill="#FFFFFF" enable-background="new    " d="M11.33494,11.33409L8.91689,2.30982
+	C8.12825,2.52113,7.3707,2.83492,6.66363,3.24315s-1.3576,0.90739-1.93492,1.48472L11.33494,11.33409z"/>
+<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-295.94043" y1="1056.17017" x2="-279.04953" y2="1056.17017" gradientTransform="matrix(0 1 1 0 -1044.83301 298.83289)">
+	<stop  offset="0.00559" style="stop-color:#4A4848"/>
+	<stop  offset="1" style="stop-color:#1F1F1F"/>
+</linearGradient>
+<circle fill="url(#SVGID_4_)" cx="11.33716" cy="11.3379" r="8.44546"/>
+<g>
+	<g>
+		<path fill="#1A1A1A" d="M11.3379,10.23044c0.61065,0,1.10745,0.4968,1.10745,1.10746c0,0.61065-0.4968,1.10745-1.10745,1.10745
+			c-0.61066,0-1.10746-0.4968-1.10746-1.10745C10.23044,10.72724,10.72724,10.23044,11.3379,10.23044 M11.3379,9.73044
+			c-0.88777,0-1.60746,0.71969-1.60746,1.60746s0.71969,1.60745,1.60746,1.60745s1.60745-0.71968,1.60745-1.60745
+			S12.22567,9.73044,11.3379,9.73044L11.3379,9.73044z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M11.3379,8.8604c1.3661,0,2.4775,1.1114,2.4775,2.4775s-1.1114,2.4775-2.4775,2.4775
+			s-2.4775-1.1114-2.4775-2.4775S9.9718,8.8604,11.3379,8.8604 M11.3379,8.3604c-1.64443,0-2.9775,1.33307-2.9775,2.9775
+			s1.33307,2.9775,2.9775,2.9775s2.9775-1.33307,2.9775-2.9775S12.98233,8.3604,11.3379,8.3604L11.3379,8.3604z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M11.3379,7.60547c2.05807,0,3.73243,1.67436,3.73243,3.73243s-1.67436,3.73243-3.73243,3.73243
+			s-3.73243-1.67436-3.73243-3.73243S9.27983,7.60547,11.3379,7.60547 M11.3379,7.10547c-2.33751,0-4.23243,1.89492-4.23243,4.23243
+			s1.89492,4.23243,4.23243,4.23243s4.23243-1.89492,4.23243-4.23243S13.67541,7.10547,11.3379,7.10547L11.3379,7.10547z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M11.3379,6.28256c2.78752,0,5.05534,2.26782,5.05534,5.05534s-2.26782,5.05534-5.05534,5.05534
+			s-5.05534-2.26782-5.05534-5.05534S8.55038,6.28256,11.3379,6.28256 M11.3379,5.78256c-3.06813,0-5.55534,2.48721-5.55534,5.55534
+			s2.48721,5.55534,5.55534,5.55534s5.55534-2.48721,5.55534-5.55534S14.40603,5.78256,11.3379,5.78256L11.3379,5.78256z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M11.3379,5.03257c3.47677,0,6.30533,2.82856,6.30533,6.30533s-2.82856,6.30533-6.30533,6.30533
+			s-6.30533-2.82856-6.30533-6.30533S7.86113,5.03257,11.3379,5.03257 M11.3379,4.53257c-3.75848,0-6.80533,3.04685-6.80533,6.80533
+			s3.04685,6.80533,6.80533,6.80533s6.80533-3.04685,6.80533-6.80533S15.09638,4.53257,11.3379,4.53257L11.3379,4.53257z"/>
+	</g>
+	<g>
+		<path fill="#1A1A1A" d="M11.3379,3.73029c4.19485,0,7.60761,3.41276,7.60761,7.60761s-3.41276,7.60761-7.60761,7.60761
+			s-7.60761-3.41276-7.60761-7.60761S7.14305,3.73029,11.3379,3.73029 M11.3379,3.23029c-4.47771,0-8.10761,3.6299-8.10761,8.10761
+			s3.6299,8.10761,8.10761,8.10761s8.10761-3.6299,8.10761-8.10761S15.81561,3.23029,11.3379,3.23029L11.3379,3.23029z"/>
+	</g>
+</g>
+<path opacity="0.39" enable-background="new    " d="M11.33495,11.33526l7.3159,4.22384
+	c0.74139-1.28411,1.13178-2.74107,1.13178-4.22384s-0.39039-2.93973-1.13178-4.22384L11.33495,11.33526z"/>
+<path opacity="0.39" enable-background="new    " d="M11.33496,11.33526l-7.3159-4.22384
+	C3.27767,8.39554,2.88727,9.8525,2.88727,11.33526s0.39039,2.93973,1.13178,4.22384L11.33496,11.33526z"/>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M11.33495,11.33314l2.18631,8.15941
+	c0.71306-0.19106,1.398-0.47478,2.03731-0.84388s1.22749-0.82043,1.74948-1.34242L11.33495,11.33314z"/>
+<path opacity="0.13" fill="#FFFFFF" enable-background="new    " d="M11.33495,11.33314l-2.18933-8.1707
+	C8.43157,3.35376,7.74567,3.63787,7.10548,4.00749c-0.6402,0.36961-1.22919,0.82156-1.7519,1.34428L11.33495,11.33314z"/>
+</svg>
diff --git a/res/ComponentLibrary/RoundSmallBlackKnob.svg b/res/ComponentLibrary/RoundSmallBlackKnob.svg
index 609d3a87..56afdb14 100644
--- a/res/ComponentLibrary/RoundSmallBlackKnob.svg
+++ b/res/ComponentLibrary/RoundSmallBlackKnob.svg
@@ -1,71 +1,12 @@
-<?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.9995098mm"
-   height="7.9995222mm"
-   viewBox="0 0 7.9995093 7.9995222"
-   version="1.1"
-   id="svg111794"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
-   sodipodi:docname="RoundSmallBlackKnob.svg">
-  <defs
-     id="defs111788" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="2.8"
-     inkscape:cx="-87.928177"
-     inkscape:cy="-71.041818"
-     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="2560"
-     inkscape:window-height="1422"
-     inkscape:window-x="0"
-     inkscape:window-y="18"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata111791">
-    <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(-168.09312,-67.39659)">
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
-       d="m 176.09263,71.397045 c 0,2.208995 -1.79006,3.999067 -3.99905,3.999067 -2.20902,0 -4.00046,-1.790072 -4.00046,-3.999067 0,-2.210372 1.79144,-4.000444 4.00046,-4.000444 2.20899,0 3.99905,1.790072 3.99905,4.000444"
-       id="path110598" />
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.35277775"
-       d="m 172.22587,67.41176 c -0.0427,-0.0097 -0.0868,-0.01517 -0.13229,-0.01517 -0.0455,0 -0.0896,0.0055 -0.13367,0.01517 v 4.034896 h 0.26596 z m 0,0"
-       id="path110600" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg111794" 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="22.67578px"
+	 height="22.67581px" viewBox="0 0 22.67578 22.67581" enable-background="new 0 0 22.67578 22.67581" 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="-87.928177" inkscape:cy="-71.041818" 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="2.8" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<path fill="#EDEDED" d="M12.2225,2.89247h-1.76925v7.92257c0,0.28613,0.23196,0.51809,0.51809,0.51809h0.73308
+	c0.28613,0,0.51809-0.23196,0.51809-0.51809L12.2225,2.89247z"/>
+<rect x="10.45327" y="1.98753" opacity="0.81" fill="#FFFFFF" enable-background="new    " width="1.76925" height="0.90492"/>
+</svg>
diff --git a/res/ComponentLibrary/ScrewSilver.svg b/res/ComponentLibrary/ScrewSilver.svg
index 4b0b5e91..f17f4ecd 100644
--- a/res/ComponentLibrary/ScrewSilver.svg
+++ b/res/ComponentLibrary/ScrewSilver.svg
@@ -1,82 +1,67 @@
-<?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="14.999999"
-   height="14.9989"
-   viewBox="0 0 3.9687497 3.9684593"
-   version="1.1"
-   id="svg18800"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
-   sodipodi:docname="ScrewSilver.svg">
-  <defs
-     id="defs18794" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="15.839192"
-     inkscape:cx="-8.3295854"
-     inkscape:cy="6.1745754"
-     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="2560"
-     inkscape:window-height="1422"
-     inkscape:window-x="0"
-     inkscape:window-y="18"
-     inkscape:window-maximized="0"
-     units="px" />
-  <metadata
-     id="metadata18797">
-    <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(-30.138143,-67.088277)">
-    <g
-       transform="matrix(0.2493325,0,0,-0.2493323,-101.43655,228.11323)"
-       id="g18792"
-       style="stroke-width:1.14853203">
-      <path
-         d="m 535.6665,631.5 c -3.511,0 -6.367,2.855 -6.367,6.366 0,3.511 2.856,6.367 6.367,6.367 3.511,0 6.367,-2.856 6.367,-6.367 0,-3.511 -2.856,-6.366 -6.367,-6.366"
-         style="fill:#bcbcbc;fill-opacity:1;fill-rule:nonzero;stroke:#acacac;stroke-width:1.061167;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="path6833"
-         inkscape:connector-curvature="0" />
-      <path
-         inkscape:connector-curvature="0"
-         id="path6843"
-         style="fill:#727272;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.14853203"
-         d="m 536.448,633.741 h -1.562 v 8.25 h 1.562 z" />
-      <path
-         inkscape:connector-curvature="0"
-         id="path6845"
-         style="fill:#727272;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.14853203"
-         d="m 539.792,637.085 h -8.25 v 1.562 h 8.25 z" />
-    </g>
-  </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg18800" 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="15px" height="14.9989px"
+	 viewBox="0 0 15 14.9989" enable-background="new 0 0 15 14.9989" 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="-8.3295854" inkscape:cy="6.1745754" 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="15.839192" pagecolor="#ffffff" showgrid="false" units="px">
+	</sodipodi:namedview>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="818" y1="5127.3999" x2="831" y2="5127.3999" gradientTransform="matrix(6.123234e-17 1 1 -6.123234e-17 -5119.8999 -817)">
+	<stop  offset="0" style="stop-color:#ABA9A9"/>
+	<stop  offset="1" style="stop-color:#8F8F8F"/>
+</linearGradient>
+<circle fill="url(#SVGID_1_)" cx="7.5" cy="7.49997" r="6.5"/>
+<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="818.64996" y1="5127.3999" x2="830.34998" y2="5127.3999" gradientTransform="matrix(6.123234e-17 1 1 -6.123234e-17 -5119.8999 -817)">
+	<stop  offset="0.00559" style="stop-color:#EBEBEB"/>
+	<stop  offset="1" style="stop-color:#ADADAD"/>
+</linearGradient>
+<circle fill="url(#SVGID_2_)" cx="7.5" cy="7.49997" r="5.85"/>
+<path fill="#727272" d="M10.35609,7.104h-1.0441c-0.78234,0-1.41654-0.63421-1.41654-1.41655v-1.0441
+	c0-0.19672-0.15955-0.35626-0.35626-0.35626H7.46082c-0.19672,0-0.35626,0.15955-0.35626,0.35626v1.0441
+	c0,0.78234-0.63421,1.41655-1.41655,1.41655h-1.0441c-0.19672,0-0.35626,0.15955-0.35626,0.35626v0.07837
+	c0,0.19672,0.15955,0.35626,0.35626,0.35626h1.0441c0.78234,0,1.41655,0.63421,1.41655,1.41654v1.0441
+	c0,0.19672,0.15955,0.35626,0.35626,0.35626h0.07837c0.19672,0,0.35626-0.15955,0.35626-0.35626v-1.0441
+	c0-0.78234,0.63421-1.41654,1.41654-1.41654h1.0441c0.19672,0,0.35626-0.15955,0.35626-0.35626V7.46027
+	C10.71236,7.26355,10.55281,7.104,10.35609,7.104z"/>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="7.5" y1="4.2636" x2="7.5" y2="12.7375" gradientTransform="matrix(1 0 0 -1 0 16)">
+	<stop  offset="0" style="stop-color:#E3E3E3"/>
+	<stop  offset="1" style="stop-color:#A3A3A3"/>
+</linearGradient>
+<path fill="url(#SVGID_3_)" d="M7.5,3.2625c-0.76067,0-1.37952,0.61885-1.37952,1.37952v0.19592
+	c0,0.70802-0.57397,1.28199-1.28199,1.28199H4.64257c-0.76067,0-1.37952,0.61885-1.37952,1.37952S3.8819,8.87897,4.64257,8.87897
+	h0.19592c0.70802,0,1.28199,0.57397,1.28199,1.28199v0.19592c0,0.76067,0.61885,1.37952,1.37952,1.37952
+	s1.37952-0.61885,1.37952-1.37952v-0.19592c0-0.70802,0.57397-1.28199,1.28199-1.28199h0.19592
+	c0.76068,0,1.37952-0.61885,1.37952-1.37952s-0.61885-1.37952-1.37952-1.37952h-0.19592c-0.70802,0-1.28199-0.57397-1.28199-1.28199
+	V4.64202C8.87952,3.88135,8.26068,3.2625,7.5,3.2625L7.5,3.2625z"/>
+<path fill="#737373" d="M10.49234,6.8006H9.34748c-0.63437,0-1.14863-0.51426-1.14863-1.14863V4.50711
+	c0-0.38596-0.31289-0.69885-0.69885-0.69885l0,0c-0.38596,0-0.69885,0.31289-0.69885,0.69885v1.14486
+	c0,0.63437-0.51426,1.14863-1.14863,1.14863H4.50766c-0.38596,0-0.69885,0.31289-0.69885,0.69885l0,0
+	c0,0.38596,0.31289,0.69885,0.69885,0.69885h1.14486c0.63437,0,1.14863,0.51426,1.14863,1.14863v1.14486
+	c0,0.38596,0.31289,0.69885,0.69885,0.69885l0,0c0.38596,0,0.69885-0.31289,0.69885-0.69885V9.34693
+	c0-0.63437,0.51426-1.14863,1.14863-1.14863h1.14486c0.38596,0,0.69885-0.31289,0.69885-0.69885l0,0
+	C11.19119,7.11349,10.8783,6.8006,10.49234,6.8006z"/>
+<g>
+	<g>
+		
+			<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="7.5" y1="5.83904" x2="7.5" y2="11.16206" gradientTransform="matrix(1 0 0 -1 0 16)">
+			<stop  offset="0" style="stop-color:#D4D4D4"/>
+			<stop  offset="1" style="stop-color:#BFBFBF"/>
+		</linearGradient>
+		<path fill="url(#SVGID_4_)" d="M6.12048,4.83794c0,0.70802-0.57397,1.28199-1.28199,1.28199H4.64257
+			c-0.76067,0-1.37952,0.61885-1.37952,1.37952S3.8819,8.87897,4.64257,8.87897h0.19592c0.70802,0,1.28199,0.57397,1.28199,1.28199
+			h2.75904c0-0.70802,0.57397-1.28199,1.28199-1.28199h0.19592c0.76068,0,1.37952-0.61885,1.37952-1.37952
+			s-0.61885-1.37952-1.37952-1.37952h-0.19592c-0.70802,0-1.28199-0.57397-1.28199-1.28199H6.12048z"/>
+		<path fill="#D4D4D4" d="M6.12048,10.16096v0.19592c0,0.76067,0.61885,1.37952,1.37952,1.37952s1.37952-0.61885,1.37952-1.37952
+			v-0.19592"/>
+		<path fill="#BFBFBF" d="M8.87952,4.83794V4.64202c0-0.76068-0.61885-1.37952-1.37952-1.37952l0,0
+			c-0.76067,0-1.37952,0.61885-1.37952,1.37952v0.19592"/>
+	</g>
+	<path fill="#8C8C8C" d="M10.49234,6.8006H9.34748c-0.63437,0-1.14863-0.51426-1.14863-1.14863V4.50711
+		c0-0.38596-0.31289-0.69885-0.69885-0.69885l0,0c-0.38596,0-0.69885,0.31289-0.69885,0.69885v1.14486
+		c0,0.63437-0.51426,1.14863-1.14863,1.14863H4.50766c-0.38596,0-0.69885,0.31289-0.69885,0.69885l0,0
+		c0,0.38596,0.31289,0.69885,0.69885,0.69885h1.14486c0.63437,0,1.14863,0.51426,1.14863,1.14863v1.14486
+		c0,0.38596,0.31289,0.69885,0.69885,0.69885l0,0c0.38596,0,0.69885-0.31289,0.69885-0.69885V9.34693
+		c0-0.63437,0.51426-1.14863,1.14863-1.14863h1.14486c0.38596,0,0.69885-0.31289,0.69885-0.69885l0,0
+		C11.19119,7.11349,10.8783,6.8006,10.49234,6.8006z"/>
+</g>
+</svg>
diff --git a/res/ComponentLibrary/Trimpot-bg.svg b/res/ComponentLibrary/Trimpot-bg.svg
new file mode 100644
index 00000000..d93f6739
--- /dev/null
+++ b/res/ComponentLibrary/Trimpot-bg.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg111794" 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="17.85552px"
+	 height="17.85938px" viewBox="0 0 17.85552 17.85938" enable-background="new 0 0 17.85552 17.85938" xml:space="preserve">
+<circle fill="#0A0A0A" cx="8.92778" cy="8.9278" r="8.92779"/>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-2441.74438" y1="3969.85278" x2="-2425.5498" y2="3969.85278" gradientTransform="matrix(6.123234e-17 1 1 -6.123234e-17 -3960.92505 2442.57495)">
+	<stop  offset="0" style="stop-color:#FFFBFD"/>
+	<stop  offset="1" style="stop-color:#000000"/>
+</linearGradient>
+<circle fill="url(#SVGID_1_)" cx="8.92778" cy="8.9278" r="8.09732"/>
+<circle opacity="0.39" fill="#0A0A0A" enable-background="new    " cx="8.92778" cy="8.9278" r="8.09732"/>
+<circle opacity="0.69" fill="#1A1A1A" enable-background="new    " cx="8.92778" cy="8.9278" r="6.90537"/>
+</svg>
diff --git a/res/ComponentLibrary/Trimpot.svg b/res/ComponentLibrary/Trimpot.svg
index f8ff0922..b7625ebe 100644
--- a/res/ComponentLibrary/Trimpot.svg
+++ b/res/ComponentLibrary/Trimpot.svg
@@ -1,71 +1,10 @@
-<?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="6.2990298mm"
-   height="6.3003922mm"
-   viewBox="0 0 6.2990294 6.3003921"
-   version="1.1"
-   id="svg111794"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
-   sodipodi:docname="Trimpot.svg">
-  <defs
-     id="defs111788" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="2.8"
-     inkscape:cx="-118.16736"
-     inkscape:cy="0.15014965"
-     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="2560"
-     inkscape:window-height="1422"
-     inkscape:window-x="0"
-     inkscape:window-y="18"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata111791">
-    <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(-183.93691,-77.348595)">
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
-       d="m 183.93691,80.498791 c 0,1.740461 1.40974,3.150196 3.1502,3.150196 1.73909,0 3.14883,-1.409735 3.14883,-3.150196 0,-1.739085 -1.40974,-3.150196 -3.14883,-3.150196 -1.74046,0 -3.1502,1.411111 -3.1502,3.150196"
-       id="path108214" />
-    <path
-       inkscape:connector-curvature="0"
-       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277775"
-       d="m 187.29109,77.359619 c -0.0675,-0.0055 -0.13508,-0.01101 -0.20398,-0.01101 -0.0689,0 -0.13779,0.0055 -0.20531,0.01101 v 3.139172 h 0.40929 z m 0,0"
-       id="path108216" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0"
+	 id="svg111794" 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="17.85552px"
+	 height="17.85938px" viewBox="0 0 17.85552 17.85938" enable-background="new 0 0 17.85552 17.85938" xml:space="preserve">
+<path opacity="0.99" fill="#EDEDED" enable-background="new    " d="M7.84916,2.02241h2.09046v4.45324
+	c0,0.29768-0.24131,0.53899-0.53899,0.53899H8.38815c-0.29768,0-0.53899-0.24131-0.53899-0.53899V2.02241z"/>
+<rect x="7.84916" y="0.83048" opacity="0.81" fill="#FFFFFF" width="2.09046" height="1.19193"/>
+</svg>