From 2e4886e201f62cb2177f17833ca7fa4bfd6d8cda Mon Sep 17 00:00:00 2001
From: Andrew Belt <andrewpbelt@gmail.com>
Date: Fri, 3 Sep 2021 12:15:39 -0400
Subject: [PATCH] Add updated RoundBlackKnobs from Pyer.

---
 res/ComponentLibrary/RoundBigBlackKnob-bg.svg | 36 ++++++++++++------
 res/ComponentLibrary/RoundBigBlackKnob.svg    | 22 +++++++----
 res/ComponentLibrary/RoundBlackKnob-bg.svg    | 37 +++++++++++++------
 res/ComponentLibrary/RoundBlackKnob.svg       | 23 ++++++++----
 .../RoundHugeBlackKnob-bg.svg                 | 27 ++++++++++----
 res/ComponentLibrary/RoundHugeBlackKnob.svg   | 24 ++++++++----
 .../RoundLargeBlackKnob-bg.svg                | 27 ++++++++++----
 res/ComponentLibrary/RoundLargeBlackKnob.svg  | 30 ++++++++++-----
 .../RoundSmallBlackKnob-bg.svg                | 28 ++++++++++----
 res/ComponentLibrary/RoundSmallBlackKnob.svg  | 23 ++++++++----
 10 files changed, 192 insertions(+), 85 deletions(-)

diff --git a/res/ComponentLibrary/RoundBigBlackKnob-bg.svg b/res/ComponentLibrary/RoundBigBlackKnob-bg.svg
index bb02e8c5..bb949f5b 100644
--- a/res/ComponentLibrary/RoundBigBlackKnob-bg.svg
+++ b/res/ComponentLibrary/RoundBigBlackKnob-bg.svg
@@ -6,15 +6,29 @@
 	 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="9.133880e-06" x2="22.5" y2="45.00001">
-	<stop  offset="0" style="stop-color:#FFFBFD"/>
-	<stop  offset="1" style="stop-color:#000000"/>
-</linearGradient>
-<circle fill="url(#SVGID_1_)" cx="22.5" cy="22.50001" r="22.5"/>
-<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="22.5" y1="2.27798" x2="22.5" y2="42.7221">
-	<stop  offset="0" style="stop-color:#A19EA1"/>
-	<stop  offset="1" style="stop-color:#212121"/>
-</linearGradient>
-<circle fill="url(#SVGID_2_)" cx="22.5" cy="22.50004" r="20.22204"/>
-<circle opacity="0.69" fill="#1A1A1A" enable-background="new    " cx="22.5" cy="22.50001" r="19.07733"/>
+<g>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="22.49997" y1="-7.827984e-06" x2="22.49997" y2="44.99999">
+		<stop  offset="0" style="stop-color:#B0ACAE"/>
+		<stop  offset="1" style="stop-color:#000000"/>
+	</linearGradient>
+	<circle fill="url(#SVGID_1_)" cx="22.49997" cy="22.49999" r="22.5"/>
+	<path fill="#FFFFFF" d="M22.49627,22.49523L16.67422,0.76706c-1.89884,0.50879-3.72283,1.26431-5.42528,2.24722
+		S7.98019,5.19906,6.59015,6.58911L22.49627,22.49523z"/>
+	<path opacity="0.25" fill="#FFFFFF" d="M22.50002,22.49996l5.1939,19.36526c1.69397-0.45346,3.32116-1.12682,4.83994-2.00284
+		c1.51878-0.87603,2.91607-1.94718,4.15615-3.18607L22.50002,22.49996z"/>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="4.65521" y1="-4108.70801" x2="42.78079" y2="-4108.70801" gradientTransform="matrix(6.123234e-17 1 -1 6.123234e-17 -4086.20801 -1.21801)">
+		<stop  offset="0" style="stop-color:#232223"/>
+		<stop  offset="1" style="stop-color:#1F1E1F"/>
+	</linearGradient>
+	<ellipse fill="url(#SVGID_2_)" cx="22.49997" cy="22.49999" rx="19.09942" ry="19.06279"/>
+	<path opacity="0.5" d="M22.49623,22.49999l16.52796,9.54242c1.67493-2.90104,2.55689-6.19258,2.55689-9.54242
+		s-0.88197-6.64138-2.55689-9.54242L22.49623,22.49999z"/>
+	<path opacity="0.5" d="M22.49626,22.49999L5.9683,12.95757c-1.67493,2.90105-2.55689,6.19258-2.55689,9.54242
+		s0.88197,6.64137,2.55689,9.54242L22.49626,22.49999z"/>
+	<path opacity="0.1" fill="#FFFFFF" d="M22.49614,22.49507l4.93769,18.41001c1.61041-0.4311,3.15734-1.07124,4.6012-1.90405
+		c1.44386-0.83281,2.77223-1.85113,3.95113-3.0289L22.49614,22.49507z"/>
+	<path opacity="0.1" fill="#FFFFFF" d="M22.49623,22.49518l-4.9461-18.4591c-1.61316,0.43224-3.16272,1.07409-4.60903,1.90912
+		s-2.77695,1.85606-3.95786,3.03698L22.49623,22.49518z"/>
+</g>
 </svg>
diff --git a/res/ComponentLibrary/RoundBigBlackKnob.svg b/res/ComponentLibrary/RoundBigBlackKnob.svg
index 7e9277a3..3b1c70a2 100644
--- a/res/ComponentLibrary/RoundBigBlackKnob.svg
+++ b/res/ComponentLibrary/RoundBigBlackKnob.svg
@@ -7,12 +7,20 @@
 <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>
 <g>
-	<path opacity="0.4" d="M23.38457,0.02254v2.30005c10.75464,0.46631,19.3374,9.30762,19.3374,20.17749
-		c0,11.16821-9.05371,20.22205-20.22192,20.22205c-11.16833,0-20.22205-9.05383-20.22205-20.22205
-		c0-10.86975,8.58264-19.71094,19.33728-20.17749V0.02254C9.59953,0.48787,0.00005,10.3702,0.00005,22.50008
-		c0,12.42627,10.07349,22.5,22.5,22.5c12.42639,0,22.5-10.07373,22.5-22.5C45.00005,10.3702,35.40031,0.48763,23.38457,0.02254z"/>
-	<path fill="#EDEDED" d="M23.38463,2.27799h-1.76925v19.70013c0,0.28613,0.23196,0.51809,0.51809,0.51809h0.73308
-		c0.28613,0,0.51809-0.23196,0.51809-0.51809L23.38463,2.27799z"/>
-	<rect x="21.61536" y="0" opacity="0.58" fill="#FFFFFF" width="1.76925" height="3.42269"/>
+	<path opacity="0.4" enable-background="new    " d="M23.38452,0.02234v1.50562C23.08887,1.51575,22.79858,1.4834,22.5,1.4834
+		c-0.29871,0-0.58911,0.03235-0.88477,0.04456V0.02234C9.59949,0.48767,0,10.37024,0,22.5C0,34.9264,10.07349,45,22.5,45
+		C34.92627,45,45,34.9264,45,22.5C45,10.37024,35.40015,0.48767,23.38452,0.02234z M22.5,2.48718
+		c0.29858,0,0.58911,0.03174,0.88452,0.04456v0.94995C33.51929,3.94617,41.59937,12.2699,41.59937,22.5
+		c0,10.52808-8.55103,19.06275-19.09937,19.06275S3.40051,33.02808,3.40051,22.5c0-10.2301,8.0802-18.55383,18.21472-19.01831
+		V2.53186C21.91077,2.51892,22.20129,2.48718,22.5,2.48718z"/>
+	<path opacity="0.82" fill="#1E1D1E" enable-background="new    " d="M22.5,1.4834c-11.62939,0-21.05701,9.4093-21.05701,21.0166
+		c0,11.60706,9.42761,21.01648,21.05701,21.01648S43.55688,34.10706,43.55688,22.5C43.55688,10.8927,34.12939,1.4834,22.5,1.4834z
+		 M22.5,42.5127c-11.07397,0-20.05127-8.95996-20.05127-20.0127c0-11.05286,8.97729-20.01282,20.05127-20.01282
+		S42.55115,11.44715,42.55115,22.5C42.55115,33.55274,33.57397,42.5127,22.5,42.5127z"/>
+	<path fill="#EDEDED" d="M23.38458,3.43714h-1.76925v19.70013c0,0.28613,0.23196,0.51809,0.51809,0.51809h0.73308
+		c0.28613,0,0.51809-0.23196,0.51809-0.51809L23.38458,3.43714z"/>
+	<rect x="21.61532" y="0.00001" opacity="0.71" fill="#FFFFFF" enable-background="new    " width="1.76925" height="1.4834"/>
+	<rect x="21.61533" y="1.48342" opacity="0.71" fill="#FFFFFF" enable-background="new    " width="1.76925" height="1.00378"/>
+	<rect x="21.61532" y="2.48719" opacity="0.71" fill="#FFFFFF" enable-background="new    " width="1.76925" height="0.94999"/>
 </g>
 </svg>
diff --git a/res/ComponentLibrary/RoundBlackKnob-bg.svg b/res/ComponentLibrary/RoundBlackKnob-bg.svg
index 758192b3..8f267dc0 100644
--- a/res/ComponentLibrary/RoundBlackKnob-bg.svg
+++ b/res/ComponentLibrary/RoundBlackKnob-bg.svg
@@ -6,16 +6,29 @@
 	 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="none" stroke="#1F1F1F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M14.17226,14.0916"/>
-<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="14.17385" y1="-6.310991e-06" x2="14.17385" y2="28.34759">
-	<stop  offset="0" style="stop-color:#FFFBFD"/>
-	<stop  offset="1" style="stop-color:#000000"/>
-</linearGradient>
-<circle fill="url(#SVGID_1_)" cx="14.17385" cy="14.17379" r="14.1738"/>
-<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="616.15967" y1="-3748.04272" x2="640.99884" y2="-3748.04272" gradientTransform="matrix(0 1 -1 0 -3733.8689 -614.40546)">
-	<stop  offset="0" style="stop-color:#A19EA1"/>
-	<stop  offset="1" style="stop-color:#212121"/>
-</linearGradient>
-<circle fill="url(#SVGID_2_)" cx="14.17381" cy="14.17379" r="12.41959"/>
-<circle opacity="0.69" fill="#1A1A1A" enable-background="new    " cx="14.17381" cy="14.17379" r="11.31895"/>
+<g>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="14.17379" y1="0.00002" x2="14.17379" y2="28.34772">
+		<stop  offset="0" style="stop-color:#B0ACAE"/>
+		<stop  offset="1" style="stop-color:#000000"/>
+	</linearGradient>
+	<circle fill="url(#SVGID_1_)" cx="14.17379" cy="14.17387" r="14.17385"/>
+	<path fill="#FFFFFF" d="M14.17146,14.17088L10.50387,0.48324C9.30769,0.80375,8.15868,1.27969,7.08622,1.89888
+		s-2.05914,1.37629-2.9348,2.25196L14.17146,14.17088z"/>
+	<path opacity="0.25" fill="#FFFFFF" d="M14.17382,14.17385l3.11604,11.61804c1.01629-0.27205,1.99251-0.67603,2.90368-1.20159
+		c0.91118-0.52556,1.74948-1.1682,2.49345-1.91146L14.17382,14.17385z"/>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="5.12815" y1="-4117.38184" x2="27.65562" y2="-4117.38184" gradientTransform="matrix(6.123234e-17 1 -1 6.123234e-17 -4103.20801 -2.21801)">
+		<stop  offset="0" style="stop-color:#232223"/>
+		<stop  offset="1" style="stop-color:#1F1E1F"/>
+	</linearGradient>
+	<ellipse fill="url(#SVGID_2_)" cx="14.17379" cy="14.17387" rx="11.28538" ry="11.26374"/>
+	<path opacity="0.5" d="M14.17158,14.17387l9.76597,5.63838c0.98967-1.71416,1.51081-3.65904,1.51081-5.63838
+		s-0.52113-3.92423-1.51081-5.63838L14.17158,14.17387z"/>
+	<path opacity="0.5" d="M14.1716,14.17387L4.40563,8.53549c-0.98967,1.71416-1.51081,3.65905-1.51081,5.63838
+		s0.52113,3.92423,1.51081,5.63838L14.1716,14.17387z"/>
+	<path opacity="0.1" fill="#FFFFFF" d="M14.17153,14.17096l2.91756,10.87803c0.95156-0.25472,1.86559-0.63297,2.71873-1.12505
+		c0.85314-0.49209,1.63804-1.09379,2.33463-1.78971L14.17153,14.17096z"/>
+	<path opacity="0.1" fill="#FFFFFF" d="M14.17158,14.17103L11.24905,3.264c-0.95317,0.2554-1.86877,0.63465-2.72336,1.12805
+		s-1.64083,1.0967-2.3386,1.79448L14.17158,14.17103z"/>
+</g>
 </svg>
diff --git a/res/ComponentLibrary/RoundBlackKnob.svg b/res/ComponentLibrary/RoundBlackKnob.svg
index f670b956..c7523a6d 100644
--- a/res/ComponentLibrary/RoundBlackKnob.svg
+++ b/res/ComponentLibrary/RoundBlackKnob.svg
@@ -7,12 +7,21 @@
 <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>
 <g>
-	<path fill="#EDEDED" d="M15.05847,1.8145l-1.76926,0l0,11.75995c0,0.28613,0.23196,0.51809,0.51809,0.51809h0.73308
-		c0.28613,0,0.51809-0.23196,0.51809-0.51809V1.8145z"/>
-	<rect x="13.28919" y="0" opacity="0.58" fill="#FFFFFF" width="1.76925" height="2.85483"/>
-	<path opacity="0.4" d="M15.05835,0.04485v1.75391c6.4447,0.45557,11.53516,5.81445,11.53516,12.375
-		c0,6.85937-5.56055,12.41943-12.41968,12.41943S1.75415,21.03313,1.75415,14.17376c0-6.56055,5.09033-11.91943,11.53491-12.375
-		V0.04485C5.87549,0.50384,0,6.64446,0,14.17376c0,7.82812,6.34595,14.17383,14.17383,14.17383
-		c7.828,0,14.17383-6.3457,14.17383-14.17383C28.34766,6.64446,22.47217,0.50335,15.05835,0.04485z"/>
+	<path opacity="0.4" enable-background="new    " d="M15.06003,0.04462v1.26514c-0.29419-0.02002-0.58704-0.04468-0.88623-0.04468
+		c-0.2981,0-0.58997,0.02466-0.88306,0.04443V0.04462C5.87619,0.50275-0.00003,6.64399-0.00003,14.1739
+		c0,7.828,6.34583,14.17383,14.17383,14.17383S28.34762,22.0019,28.34762,14.1739
+		C28.34762,6.64509,22.47299,0.50434,15.06003,0.04462z M14.17379,2.16731c0.29919,0,0.59253,0.02332,0.88623,0.04468v0.7428
+		c5.81714,0.45239,10.39917,5.29688,10.39917,11.21912c0,6.22082-5.05273,11.26379-11.2854,11.26379
+		c-6.23279,0-11.2854-5.04297-11.2854-11.26379c0-5.92322,4.58362-10.76843,10.40234-11.21936V2.21186
+		C13.58346,2.1905,13.8757,2.16731,14.17379,2.16731z"/>
+	<path opacity="0.82" fill="#1E1D1E" enable-background="new    " d="M14.17379,1.26508
+		c-7.14307,0-12.93359,5.77954-12.93359,12.90881s5.79053,12.90881,12.93359,12.90881c7.14282,0,12.93359-5.77954,12.93359-12.90881
+		S21.31662,1.26508,14.17379,1.26508z M14.17379,26.18049c-6.6438,0-12.02954-5.37561-12.02954-12.00659
+		S7.53,2.16731,14.17379,2.16731c6.64368,0,12.02954,5.37561,12.02954,12.00659S20.81747,26.18049,14.17379,26.18049z"/>
+	<path fill="#EDEDED" d="M15.05997,2.93609h-1.76925l0,10.71962c0,0.28613,0.23196,0.51809,0.51809,0.51809h0.73308
+		c0.28613,0,0.51809-0.23196,0.51809-0.51809L15.05997,2.93609z"/>
+	<rect x="13.2907" y="-0.00005" opacity="0.71" fill="#FFFFFF" enable-background="new    " width="1.76925" height="1.26514"/>
+	<rect x="13.29071" y="1.2651" fill="#D9D9D9" width="1.76925" height="0.90222"/>
+	<rect x="13.2907" y="2.16731" opacity="0.71" fill="#FFFFFF" enable-background="new    " width="1.76925" height="0.76878"/>
 </g>
 </svg>
diff --git a/res/ComponentLibrary/RoundHugeBlackKnob-bg.svg b/res/ComponentLibrary/RoundHugeBlackKnob-bg.svg
index ec6a5be9..f49a284c 100644
--- a/res/ComponentLibrary/RoundHugeBlackKnob-bg.svg
+++ b/res/ComponentLibrary/RoundHugeBlackKnob-bg.svg
@@ -7,17 +7,28 @@
 <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>
 <g>
-	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="26.92966" y1="-0.01113" x2="26.92966" y2="53.84817">
-		<stop  offset="0" style="stop-color:#FFFBFD"/>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="26.92961" y1="0.01122" x2="26.92961" y2="53.84822">
+		<stop  offset="0" style="stop-color:#B0ACAE"/>
 		<stop  offset="1" style="stop-color:#000000"/>
 	</linearGradient>
-	<circle fill="url(#SVGID_1_)" cx="26.92966" cy="26.91852" r="26.92965"/>
+	<circle fill="url(#SVGID_1_)" cx="26.92961" cy="26.92972" r="26.9185"/>
+	<path fill="#FFFFFF" d="M26.92519,26.92403l-6.96537-25.9951c-2.27174,0.60871-4.45391,1.51259-6.49069,2.68853
+		S9.55848,6.23127,7.89545,7.89429L26.92519,26.92403z"/>
+	<path opacity="0.25" fill="#FFFFFF" d="M26.92967,26.92968l6.27582,23.39918c2.04684-0.54792,4.01299-1.36154,5.84813-2.42005
+		s3.52351-2.35279,5.0219-3.84974L26.92967,26.92968z"/>
 	
-		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="616.84369" y1="-3734.79858" x2="665.80438" y2="-3734.79858" gradientTransform="matrix(0 1 -1 0 -3707.8689 -614.40546)">
-		<stop  offset="0" style="stop-color:#A19EA1"/>
-		<stop  offset="1" style="stop-color:#212121"/>
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="5.89048" y1="-4104.1377" x2="52.40498" y2="-4104.1377" gradientTransform="matrix(6.123234e-17 1 -1 6.123234e-17 -4077.20801 -2.21801)">
+		<stop  offset="0" style="stop-color:#232223"/>
+		<stop  offset="1" style="stop-color:#1F1E1F"/>
 	</linearGradient>
-	<circle fill="url(#SVGID_2_)" cx="26.92966" cy="26.91855" r="24.48037"/>
-	<circle opacity="0.69" fill="#1A1A1A" enable-background="new    " cx="26.92966" cy="26.91855" r="23.31788"/>
+	<ellipse fill="url(#SVGID_2_)" cx="26.92961" cy="26.92972" rx="23.30194" ry="23.25725"/>
+	<path opacity="0.5" d="M26.92505,26.92972L47.08972,38.5718c2.04346-3.53938,3.1195-7.55516,3.1195-11.64208
+		s-1.07603-8.1027-3.1195-11.64208L26.92505,26.92972z"/>
+	<path opacity="0.5" d="M26.92508,26.92972L6.76041,15.28764c-2.04347,3.53937-3.1195,7.55516-3.1195,11.64208
+		s1.07603,8.1027,3.1195,11.64208L26.92508,26.92972z"/>
+	<path opacity="0.1" fill="#FFFFFF" d="M26.92494,26.92371l6.02415,22.46084c1.96476-0.52595,3.85206-1.30694,5.61361-2.323
+		c1.76155-1.01606,3.38221-2.25844,4.82052-3.69537L26.92494,26.92371z"/>
+	<path opacity="0.1" fill="#FFFFFF" d="M26.92505,26.92385L20.89064,4.40313c-1.96811,0.52735-3.85862,1.31043-5.62318,2.32919
+		s-3.38797,2.26446-4.82873,3.70522L26.92505,26.92385z"/>
 </g>
 </svg>
diff --git a/res/ComponentLibrary/RoundHugeBlackKnob.svg b/res/ComponentLibrary/RoundHugeBlackKnob.svg
index 17636459..9e79d14e 100644
--- a/res/ComponentLibrary/RoundHugeBlackKnob.svg
+++ b/res/ComponentLibrary/RoundHugeBlackKnob.svg
@@ -7,13 +7,21 @@
 <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>
 <g>
-	<path opacity="0.39" d="M27.81427,0v2.44958c13.10956,0.46655,23.59576,11.23438,23.59576,24.45776
-		c0,13.52014-10.96021,24.48047-24.48035,24.48047S2.44928,40.42749,2.44928,26.90735
-		c0-13.22339,10.48615-23.99121,23.59576-24.45776V0C11.58258,0.4679,0,12.33118,0,26.90735
-		c0,14.8728,12.05682,26.92969,26.92969,26.92969c14.8728,0,26.92963-12.05688,26.92963-26.92969
-		C53.85931,12.33118,42.27667,0.46777,27.81427,0z"/>
-	<path fill="#EDEDED" d="M27.81427,2.45601l-1.76925,0l0,23.92721c0,0.28613,0.23195,0.51809,0.51809,0.51809h0.73308
-		c0.28613,0,0.51809-0.23196,0.51809-0.51809L27.81427,2.45601z"/>
-	<rect x="26.04502" y="0" opacity="0.58" fill="#FFFFFF" width="1.76925" height="3.61734"/>
+	<path opacity="0.4" enable-background="new    " d="M27.78839,0.03321l0.00155,1.61194
+		c-0.2942-0.00985-0.58791-0.02177-0.88466-0.02149c-0.29675,0.00029-0.59044,0.01277-0.88462,0.02319L26.0191,0.03491
+		C11.56338,0.51658-0.00286,12.38609,0.01114,26.95603C0.02542,41.82261,12.08888,53.8629,26.95545,53.84861
+		c14.86669-0.01428,26.90699-12.07774,26.8927-26.94431C53.83415,12.33437,42.24513,0.4871,27.78839,0.03321z M26.90635,2.74866
+		c0.29675-0.00029,0.59047,0.01115,0.88466,0.02149l0.00089,0.92432C40.25108,4.14734,50.2194,14.35933,50.23145,26.90778
+		c0.01234,12.8446-10.41027,23.26721-23.27952,23.27958C14.08267,50.19973,3.64006,39.79716,3.62772,26.95256
+		C3.61566,14.4041,13.56433,4.17298,26.02262,3.69617l-0.00089-0.92432C26.31591,2.76095,26.6096,2.74895,26.90635,2.74866z"/>
+	<path opacity="0.82" fill="#1E1D1E" enable-background="new    " d="M26.90527,1.62366
+		C12.90198,1.63712,1.56107,12.9781,1.57449,26.95453s11.37612,25.2956,25.37941,25.28214s25.34433-11.35443,25.3309-25.33087
+		S40.90856,1.61021,26.90527,1.62366z M26.95282,51.11168C13.57209,51.12453,2.7144,40.30854,2.70157,26.95345
+		S13.52562,2.76152,26.90635,2.74866C40.28708,2.73581,51.14477,13.5518,51.1576,26.90689S40.33355,51.09882,26.95282,51.11168z"/>
+	<path fill="#EDEDED" d="M27.79187,3.67213l-1.76925,0.0017l0.02183,22.72183c0.00028,0.28613,0.23245,0.51786,0.51859,0.51759
+		l0.73308-0.0007c0.28613-0.00027,0.51786-0.23245,0.51759-0.51859L27.79187,3.67213z"/>
+	<rect x="26.01988" y="0.01159" opacity="0.71" fill="#FFFFFF" enable-background="new    " width="1.76925" height="1.61208"/>
+	<rect x="26.0212" y="1.62368" fill="#D9D9D9" width="1.76925" height="1.12499"/>
+	<rect x="26.02218" y="2.74867" opacity="0.71" fill="#FFFFFF" enable-background="new    " width="1.76925" height="0.92431"/>
 </g>
 </svg>
diff --git a/res/ComponentLibrary/RoundLargeBlackKnob-bg.svg b/res/ComponentLibrary/RoundLargeBlackKnob-bg.svg
index 2a092157..319a4f6f 100644
--- a/res/ComponentLibrary/RoundLargeBlackKnob-bg.svg
+++ b/res/ComponentLibrary/RoundLargeBlackKnob-bg.svg
@@ -7,17 +7,28 @@
 <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="18" y1="-2.555495e-06" x2="18" y2="36">
-		<stop  offset="0" style="stop-color:#FFFBFD"/>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="18.00001" y1="-0.01729" x2="18.00001" y2="36.01731">
+		<stop  offset="0" style="stop-color:#B0ACAE"/>
 		<stop  offset="1" style="stop-color:#000000"/>
 	</linearGradient>
-	<circle fill="url(#SVGID_1_)" cx="18" cy="18" r="18"/>
+	<ellipse fill="url(#SVGID_1_)" cx="18.00001" cy="18.00001" rx="18" ry="18.0173"/>
+	<path fill="#FFFFFF" d="M17.99705,17.9962L13.33941,0.59696c-1.51908,0.40742-2.97826,1.01242-4.34023,1.79951
+		s-2.615,1.7495-3.72704,2.86261L17.99705,17.9962z"/>
+	<path opacity="0.25" fill="#FFFFFF" d="M18.00004,17.99998l4.03771,15.06896c1.31689-0.35286,2.58186-0.87682,3.76255-1.5585
+		s2.26695-1.51519,3.23098-2.47922L18.00004,17.99998z"/>
 	
-		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="616.45892" y1="-3743.8689" x2="648.35193" y2="-3743.8689" gradientTransform="matrix(0 1 -1 0 -3725.8689 -614.40546)">
-		<stop  offset="0" style="stop-color:#A19EA1"/>
-		<stop  offset="1" style="stop-color:#212121"/>
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="5.48052" y1="-4113.20801" x2="34.95552" y2="-4113.20801" gradientTransform="matrix(6.123234e-17 1 -1 6.123234e-17 -4095.20801 -2.21801)">
+		<stop  offset="0" style="stop-color:#232223"/>
+		<stop  offset="1" style="stop-color:#1F1E1F"/>
 	</linearGradient>
-	<circle fill="url(#SVGID_2_)" cx="17.99998" cy="17.99995" r="15.9465"/>
-	<circle opacity="0.69" fill="#1A1A1A" enable-background="new    " cx="17.99998" cy="17.99995" r="14.87825"/>
+	<ellipse fill="url(#SVGID_2_)" cx="18.00001" cy="18.00001" rx="14.75164" ry="14.7375"/>
+	<path opacity="0.5" d="M17.99712,18.00001l12.76554,7.37727c1.29365-2.24281,1.97484-4.7875,1.97484-7.37727
+		s-0.6812-5.13447-1.97484-7.37727L17.99712,18.00001z"/>
+	<path opacity="0.5" d="M17.99714,18.00001L5.23159,10.62274c-1.29365,2.24281-1.97484,4.7875-1.97484,7.37727
+		c0,2.58977,0.6812,5.13447,1.97484,7.37727L17.99714,18.00001z"/>
+	<path opacity="0.1" fill="#FFFFFF" d="M17.99705,17.99621l3.81368,14.23284c1.24382-0.33328,2.4386-0.82817,3.55378-1.47202
+		c1.11518-0.64385,2.14116-1.43111,3.0517-2.34165L17.99705,17.99621z"/>
+	<path opacity="0.1" fill="#FFFFFF" d="M17.99712,17.9963L14.17695,3.72551c-1.24594,0.33417-2.44276,0.83038-3.55984,1.47595
+		s-2.14481,1.43493-3.0569,2.3479L17.99712,17.9963z"/>
 </g>
 </svg>
diff --git a/res/ComponentLibrary/RoundLargeBlackKnob.svg b/res/ComponentLibrary/RoundLargeBlackKnob.svg
index dd69d868..f198d059 100644
--- a/res/ComponentLibrary/RoundLargeBlackKnob.svg
+++ b/res/ComponentLibrary/RoundLargeBlackKnob.svg
@@ -8,7 +8,7 @@
 	</sodipodi:namedview>
 <g>
 	
-		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-4492.3999" y1="2905.62012" x2="-4492.3999" y2="2940.57983" gradientTransform="matrix(1 0 0 1 0 -1536)">
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-4492.3999" y1="4517.62012" x2="-4492.3999" y2="4552.57959" gradientTransform="matrix(1 0 0 1 0 -3148)">
 		<stop  offset="0" style="stop-color:#D4D0D3"/>
 		<stop  offset="1" style="stop-color:#4A4A4A"/>
 	</linearGradient>
@@ -34,7 +34,7 @@
 <circle fill="none" cx="-4492.40381" cy="1387.1001" r="17.29248"/>
 <g>
 	
-		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="1022.01331" y1="2642.56592" x2="1052.52112" y2="2642.56592" gradientTransform="matrix(6.123234e-17 1 -1 6.123234e-17 -1849.83301 349.83289)">
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="1518.01331" y1="1526.56592" x2="1548.52112" y2="1526.56592" gradientTransform="matrix(6.123234e-17 1 -1 6.123234e-17 -2965.83301 -146.16711)">
 		<stop  offset="0.00559" style="stop-color:#4A4848"/>
 		<stop  offset="1" style="stop-color:#1F1F1F"/>
 	</linearGradient>
@@ -136,12 +136,24 @@
 		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>
 <g>
-	<path opacity="0.4" d="M18.88461,0.04472v2.05347C27.27768,2.55986,33.9465,9.4915,33.9465,18.00004
-		c0,8.80688-7.13947,15.94641-15.94653,15.94641c-8.80701,0-15.94647-7.13953-15.94647-15.94641
-		c0-8.50854,6.66888-15.44018,15.06189-15.90185V0.04472C7.58792,0.50907,0.00003,8.35746,0.00003,18.00004
-		c0,9.94116,8.05884,18,18,18c9.9411,0,18-8.05884,18-18C36.00003,8.35746,28.41196,0.50883,18.88461,0.04472z"/>
-	<path fill="#EDEDED" d="M18.88463,2.09819h-1.76925v15.38372c0,0.28613,0.23196,0.51809,0.51809,0.51809h0.73308
-		c0.28613,0,0.51809-0.23196,0.51809-0.51809V2.09819z"/>
-	<rect x="17.11536" y="0" opacity="0.58" fill="#FFFFFF" width="1.76925" height="3.15529"/>
+	<g>
+		<path opacity="0.4" enable-background="new    " d="M18.86291,0.02637v1.37952c-0.2876-0.01477-0.57153-0.04358-0.86279-0.04358
+			c-0.29138,0-0.57544,0.02881-0.86316,0.0437V0.02637C7.59935,0.4801-0.00002,8.34094-0.00002,18
+			c0,9.95068,8.05884,18.01733,18,18.01733s18-8.06665,18-18.01733C35.99998,8.34094,28.40038,0.48022,18.86291,0.02637z
+			 M18.0001,2.36462c0.29126,0,0.57544,0.02795,0.86279,0.04358v0.89771C26.60593,3.75476,32.75169,10.15161,32.75169,18
+			c0,8.13928-6.60461,14.73755-14.75171,14.73755S3.24827,26.13928,3.24827,18c0-7.84839,6.14551-14.24512,13.88867-14.69397V2.4082
+			C17.42443,2.39258,17.70872,2.36462,18.0001,2.36462z"/>
+		<path opacity="0.82" fill="#1E1D1E" enable-background="new    " d="M18.00006,1.36231
+			c-9.17993,0-16.6217,7.44897-16.6217,16.6377s7.44177,16.63757,16.6217,16.63757c9.17981,0,16.62158-7.44885,16.62158-16.63757
+			S27.17987,1.36231,18.00006,1.36231z M18.00006,33.63538C9.37311,33.63538,2.3797,26.63526,2.3797,18
+			S9.37311,2.36463,18.00006,2.36463c8.62671,0,15.62024,7.00012,15.62024,15.63538S26.62677,33.63538,18.00006,33.63538z"/>
+	</g>
+	<g>
+		<path fill="#EDEDED" d="M18.86293,3.30591h-1.72592v14.17598c0,0.28613,0.23196,0.51809,0.51809,0.51809h0.68975
+			c0.28613,0,0.51809-0.23196,0.51809-0.51809L18.86293,3.30591z"/>
+		<rect x="17.137" y="-0.01733" opacity="0.71" fill="#FFFFFF" enable-background="new    " width="1.72592" height="1.37964"/>
+		<rect x="17.137" y="1.36231" fill="#D9D9D9" width="1.72592" height="1.00231"/>
+		<rect x="17.137" y="2.36462" opacity="0.71" fill="#FFFFFF" enable-background="new    " width="1.72592" height="0.89789"/>
+	</g>
 </g>
 </svg>
diff --git a/res/ComponentLibrary/RoundSmallBlackKnob-bg.svg b/res/ComponentLibrary/RoundSmallBlackKnob-bg.svg
index d9c49388..ddbde65b 100644
--- a/res/ComponentLibrary/RoundSmallBlackKnob-bg.svg
+++ b/res/ComponentLibrary/RoundSmallBlackKnob-bg.svg
@@ -7,16 +7,28 @@
 <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>
 <g>
-	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="11.3379" y1="5.396177e-06" x2="11.3379" y2="22.67581">
-		<stop  offset="0" style="stop-color:#FFFBFD"/>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="11.33881" y1="-0.00904" x2="11.33881" y2="22.66676">
+		<stop  offset="0" style="stop-color:#B0ACAE"/>
 		<stop  offset="1" style="stop-color:#000000"/>
 	</linearGradient>
-	<circle fill="url(#SVGID_1_)" cx="11.3379" cy="11.3379" r="11.3379"/>
-	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="11.3379" y1="1.3002" x2="11.3379" y2="21.37567">
-		<stop  offset="0" style="stop-color:#A19EA1"/>
-		<stop  offset="1" style="stop-color:#212121"/>
+	<circle fill="url(#SVGID_1_)" cx="11.33881" cy="11.32886" r="11.3379"/>
+	<path fill="#FFFFFF" d="M11.33694,11.32646L8.40317,0.37749C7.44633,0.63387,6.52722,1.01458,5.66934,1.50988
+		S4.0222,2.6108,3.32174,3.31126L11.33694,11.32646z"/>
+	<path opacity="0.25" fill="#FFFFFF" d="M11.33883,11.32884l2.49209,9.29166c0.81279-0.21758,1.59353-0.54066,2.32225-0.96099
+		c0.72872-0.42032,1.39916-0.93428,1.99416-1.52871L11.33883,11.32884z"/>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="4.53682" y1="-4120.54688" x2="22.55692" y2="-4120.54688" gradientTransform="matrix(6.123234e-17 1 -1 6.123234e-17 -4109.20801 -2.21801)">
+		<stop  offset="0" style="stop-color:#232223"/>
+		<stop  offset="1" style="stop-color:#1F1E1F"/>
 	</linearGradient>
-	<circle fill="url(#SVGID_2_)" cx="11.3379" cy="11.33794" r="10.03773"/>
-	<circle opacity="0.69" fill="#1A1A1A" enable-background="new    " cx="11.3371" cy="11.3379" r="9.06627"/>
+	<ellipse fill="url(#SVGID_2_)" cx="11.33881" cy="11.32886" rx="9.02737" ry="9.01005"/>
+	<path opacity="0.5" d="M11.33704,11.32886L19.149,15.8391c0.79165-1.37118,1.20852-2.92693,1.20852-4.51024
+		c0-1.58331-0.41686-3.13905-1.20852-4.51024L11.33704,11.32886z"/>
+	<path opacity="0.5" d="M11.33705,11.32886L3.52509,6.81862C2.73343,8.1898,2.31657,9.74555,2.31657,11.32886
+		s0.41686,3.13906,1.20852,4.51024L11.33705,11.32886z"/>
+	<path opacity="0.1" fill="#FFFFFF" d="M11.337,11.32653l2.33381,8.70152c0.76116-0.20376,1.49232-0.50632,2.17476-0.89995
+		c0.68244-0.39363,1.3103-0.87494,1.86751-1.43161L11.337,11.32653z"/>
+	<path opacity="0.1" fill="#FFFFFF" d="M11.33704,11.32658L8.99926,2.60187C8.2368,2.80617,7.5044,3.10954,6.82079,3.50422
+		S5.50826,4.38149,4.9501,4.93965L11.33704,11.32658z"/>
 </g>
 </svg>
diff --git a/res/ComponentLibrary/RoundSmallBlackKnob.svg b/res/ComponentLibrary/RoundSmallBlackKnob.svg
index 9248f5f8..c3cda3de 100644
--- a/res/ComponentLibrary/RoundSmallBlackKnob.svg
+++ b/res/ComponentLibrary/RoundSmallBlackKnob.svg
@@ -7,12 +7,21 @@
 <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>
 <g>
-	<path opacity="0.4" d="M12.22248,0.04464v1.30029c5.12866,0.44861,9.15308,4.74805,9.15308,9.99292
-		c0,5.5437-4.4939,10.03784-10.0376,10.03784S1.30011,16.88155,1.30011,11.33785c0-5.24487,4.02466-9.54419,9.15308-9.99292V0.04464
-		C4.60627,0.49727,0.00007,5.37471,0.00007,11.33785c0,6.26172,5.07617,11.33789,11.33789,11.33789
-		s11.33789-5.07617,11.33789-11.33789C22.67585,5.37471,18.0694,0.49727,12.22248,0.04464z"/>
-	<path fill="#EDEDED" d="M12.22251,1.32834l-1.76925,0l0,9.48672c0,0.28613,0.23196,0.51809,0.51809,0.51809h0.73308
-		c0.28613,0,0.51809-0.23196,0.51809-0.51809L12.22251,1.32834z"/>
-	<rect x="10.45326" y="0" opacity="0.58" fill="#FFFFFF" width="1.76925" height="2.27164"/>
+	<path opacity="0.4" enable-background="new    " d="M12.21259,0.01844v1.00361c-0.28908-0.02435-0.57936-0.04424-0.8747-0.04424
+		c-0.29365,0-0.58225,0.01989-0.86965,0.04388V0.01808C4.6154,0.46528-0.00001,5.34337-0.00001,11.32006
+		c0,6.27153,5.07611,11.35574,11.3379,11.35574s11.3379-5.08422,11.3379-11.35574
+		C22.67579,5.34518,18.06303,0.46805,12.21259,0.01844z M11.33789,1.70068c0.29534,0,0.5861,0.01808,0.8747,0.04412v0.60764
+		c4.57329,0.44153,8.15273,4.27998,8.15273,8.96762c0,4.98393-4.04182,9.02428-9.02743,9.02428
+		c-4.98572,0-9.02743-4.04035-9.02743-9.02428c0-4.68933,3.58209-8.52898,8.15778-8.96823V1.74456
+		C10.75516,1.71876,11.04424,1.70068,11.33789,1.70068z"/>
+	<path opacity="0.82" fill="#1E1D1E" enable-background="new    " d="M11.33786,0.97781
+		c-5.71387,0-10.34581,4.63043-10.34581,10.34224s4.63195,10.34224,10.34581,10.34224c5.71367,0,10.34581-4.63043,10.34581-10.34224
+		S17.05153,0.97781,11.33786,0.97781z M11.33786,20.93945c-5.31449,0-9.62265-4.30681-9.62265-9.6194s4.30815-9.6194,9.62265-9.6194
+		c5.3144,0,9.62265,4.30681,9.62265,9.6194S16.65226,20.93945,11.33786,20.93945z"/>
+	<path fill="#EDEDED" d="M12.21262,2.32235l-1.74432,0v8.35055c0,0.28613,0.23196,0.51809,0.51809,0.51809h0.70814
+		c0.28613,0,0.51809-0.23196,0.51809-0.51809V2.32235z"/>
+	<rect x="10.46832" y="0.00001" opacity="0.71" fill="#FFFFFF" enable-background="new    " width="1.74432" height="0.97781"/>
+	<rect x="10.46833" y="0.97782" fill="#D9D9D9" width="1.74432" height="0.72287"/>
+	<rect x="10.46832" y="1.70068" opacity="0.71" fill="#FFFFFF" enable-background="new    " width="1.74432" height="0.62166"/>
 </g>
 </svg>