From cd42dab66ddeebe884d07242667a9890d8e3424f Mon Sep 17 00:00:00 2001
From: Paul Walker <paul@pwjw.com>
Date: Sun, 5 Jul 2020 18:44:49 -0400
Subject: [PATCH] Change the filter link buttons

When disabled they are link icons; when enabled they are either
link (bottom) or offset (top) icons

Closes #2286
---
 README.md                                     |  3 +-
 .../original-vector/SVG/exported/bmp00121.svg | 49 ++++++++-----
 .../original-vector/SVG/exported/bmp00140.svg | 56 +++++++++++----
 .../dark-mode.surge-skin/SVG/bmp00121.svg     | 65 +++++++++--------
 .../dark-mode.surge-skin/SVG/bmp00140.svg     | 70 ++++++++++++-------
 .../dark-mode.surge-skin/SVG/hover00121.svg   | 35 ++++++----
 .../dark-mode.surge-skin/SVG/hover00140.svg   | 40 +++++++----
 7 files changed, 205 insertions(+), 113 deletions(-)

diff --git a/README.md b/README.md
index ddfdc2a1aee..6a3af467a86 100644
--- a/README.md
+++ b/README.md
@@ -268,4 +268,5 @@ Azure pipelines for free to the open source community!
 
   * Most Surge-related conversation on the Surge Synth Slack. [You can join via this link](https://raw.githubusercontent.com/surge-synthesizer/surge-synthesizer.github.io/master/_includes/slack_invite_link)
   * IRC channel at #surgesynth at irc.freenode.net. The logs are available at https://freenode.logbot.info/surgesynth/.
-  * Discussion at KvR forum [here](https://www.kvraudio.com/forum/viewtopic.php?f=1&t=511922)
\ No newline at end of file
+  * Discussion at KvR forum [here](https://www.kvraudio.com/forum/viewtopic.php?f=1&t=511922)
+  * Chain icon on filter link from flaticon.com
diff --git a/assets/original-vector/SVG/exported/bmp00121.svg b/assets/original-vector/SVG/exported/bmp00121.svg
index 2eae571a0e1..df9cec35209 100644
--- a/assets/original-vector/SVG/exported/bmp00121.svg
+++ b/assets/original-vector/SVG/exported/bmp00121.svg
@@ -1,18 +1,35 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <linearGradient x1="50%" y1="27.7099609%" x2="74.9153453%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#E48626" offset="0%"></stop>
-            <stop stop-color="#FFA244" offset="54.2590286%"></stop>
-            <stop stop-color="#FFA74C" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="bmp00121" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <rect id="Rectangle" stroke="#919191" fill="#E3E3E3" x="0.5" y="1.5" width="9" height="12" rx="4.5"></rect>
-        <rect id="Rectangle" stroke="#BD6404" fill="url(#linearGradient-1)" x="0.5" y="19.5" width="9" height="12" rx="4.5"></rect>
-        <path d="M4.53,7.4135 C4.72600098,7.4135 4.89924925,7.38958357 5.04975,7.34175 C5.20025075,7.29391643 5.32624949,7.22625044 5.42775,7.13875 C5.52925051,7.05124956 5.60566641,6.94683394 5.657,6.8255 C5.70833359,6.70416606 5.734,6.57000074 5.734,6.423 C5.734,6.12433184 5.63600098,5.89916743 5.44,5.7475 C5.24399902,5.59583258 4.95000196,5.52 4.558,5.52 L3.816,5.52 L3.816,7.4135 L4.53,7.4135 Z M6.847,10 L6.245,10 C6.12133272,10 6.03033362,9.95216715 5.972,9.8565 L4.67,8.0645 C4.63033313,8.00849972 4.58775023,7.96825012 4.54225,7.94375 C4.49674977,7.91924988 4.42616714,7.907 4.3305,7.907 L3.816,7.907 L3.816,10 L3.1405,10 L3.1405,4.9845 L4.558,4.9845 C4.87533492,4.9845 5.14949885,5.01658301 5.3805,5.08075 C5.61150116,5.14491699 5.80224925,5.23766606 5.95275,5.359 C6.10325075,5.48033394 6.2146663,5.62674914 6.287,5.79825 C6.3593337,5.96975086 6.3955,6.16166561 6.3955,6.374 C6.3955,6.55133422 6.36750028,6.71699923 6.3115,6.871 C6.25549972,7.02500077 6.1744172,7.16324939 6.06825,7.28575 C5.9620828,7.40825061 5.8325841,7.51266624 5.67975,7.599 C5.5269159,7.68533377 5.35366764,7.75066645 5.16,7.795 C5.24633377,7.84400025 5.32099969,7.9151662 5.384,8.0085 L6.847,10 Z" id="R" fill="#252525" fill-rule="nonzero"></path>
-        <path d="M4.53,25.4135 C4.72600098,25.4135 4.89924925,25.3895836 5.04975,25.34175 C5.20025075,25.2939164 5.32624949,25.2262504 5.42775,25.13875 C5.52925051,25.0512496 5.60566641,24.9468339 5.657,24.8255 C5.70833359,24.7041661 5.734,24.5700007 5.734,24.423 C5.734,24.1243318 5.63600098,23.8991674 5.44,23.7475 C5.24399902,23.5958326 4.95000196,23.52 4.558,23.52 L3.816,23.52 L3.816,25.4135 L4.53,25.4135 Z M6.847,28 L6.245,28 C6.12133272,28 6.03033362,27.9521671 5.972,27.8565 L4.67,26.0645 C4.63033313,26.0084997 4.58775023,25.9682501 4.54225,25.94375 C4.49674977,25.9192499 4.42616714,25.907 4.3305,25.907 L3.816,25.907 L3.816,28 L3.1405,28 L3.1405,22.9845 L4.558,22.9845 C4.87533492,22.9845 5.14949885,23.016583 5.3805,23.08075 C5.61150116,23.144917 5.80224925,23.2376661 5.95275,23.359 C6.10325075,23.4803339 6.2146663,23.6267491 6.287,23.79825 C6.3593337,23.9697509 6.3955,24.1616656 6.3955,24.374 C6.3955,24.5513342 6.36750028,24.7169992 6.3115,24.871 C6.25549972,25.0250008 6.1744172,25.1632494 6.06825,25.28575 C5.9620828,25.4082506 5.8325841,25.5126662 5.67975,25.599 C5.5269159,25.6853338 5.35366764,25.7506664 5.16,25.795 C5.24633377,25.8440002 5.32099969,25.9151662 5.384,26.0085 L6.847,28 Z" id="R" fill="#252525" fill-rule="nonzero"></path>
-        <path d="M4.53,7.4135 C4.72600098,7.4135 4.89924925,7.38958357 5.04975,7.34175 C5.20025075,7.29391643 5.32624949,7.22625044 5.42775,7.13875 C5.52925051,7.05124956 5.60566641,6.94683394 5.657,6.8255 C5.70833359,6.70416606 5.734,6.57000074 5.734,6.423 C5.734,6.12433184 5.63600098,5.89916743 5.44,5.7475 C5.24399902,5.59583258 4.95000196,5.52 4.558,5.52 L3.816,5.52 L3.816,7.4135 L4.53,7.4135 Z M6.847,10 L6.245,10 C6.12133272,10 6.03033362,9.95216715 5.972,9.8565 L4.67,8.0645 C4.63033313,8.00849972 4.58775023,7.96825012 4.54225,7.94375 C4.49674977,7.91924988 4.42616714,7.907 4.3305,7.907 L3.816,7.907 L3.816,10 L3.1405,10 L3.1405,4.9845 L4.558,4.9845 C4.87533492,4.9845 5.14949885,5.01658301 5.3805,5.08075 C5.61150116,5.14491699 5.80224925,5.23766606 5.95275,5.359 C6.10325075,5.48033394 6.2146663,5.62674914 6.287,5.79825 C6.3593337,5.96975086 6.3955,6.16166561 6.3955,6.374 C6.3955,6.55133422 6.36750028,6.71699923 6.3115,6.871 C6.25549972,7.02500077 6.1744172,7.16324939 6.06825,7.28575 C5.9620828,7.40825061 5.8325841,7.51266624 5.67975,7.599 C5.5269159,7.68533377 5.35366764,7.75066645 5.16,7.795 C5.24633377,7.84400025 5.32099969,7.9151662 5.384,8.0085 L6.847,10 Z" id="R" fill="#252525" fill-rule="nonzero"></path>
-        <path d="M4.53,25.4135 C4.72600098,25.4135 4.89924925,25.3895836 5.04975,25.34175 C5.20025075,25.2939164 5.32624949,25.2262504 5.42775,25.13875 C5.52925051,25.0512496 5.60566641,24.9468339 5.657,24.8255 C5.70833359,24.7041661 5.734,24.5700007 5.734,24.423 C5.734,24.1243318 5.63600098,23.8991674 5.44,23.7475 C5.24399902,23.5958326 4.95000196,23.52 4.558,23.52 L3.816,23.52 L3.816,25.4135 L4.53,25.4135 Z M6.847,28 L6.245,28 C6.12133272,28 6.03033362,27.9521671 5.972,27.8565 L4.67,26.0645 C4.63033313,26.0084997 4.58775023,25.9682501 4.54225,25.94375 C4.49674977,25.9192499 4.42616714,25.907 4.3305,25.907 L3.816,25.907 L3.816,28 L3.1405,28 L3.1405,22.9845 L4.558,22.9845 C4.87533492,22.9845 5.14949885,23.016583 5.3805,23.08075 C5.61150116,23.144917 5.80224925,23.2376661 5.95275,23.359 C6.10325075,23.4803339 6.2146663,23.6267491 6.287,23.79825 C6.3593337,23.9697509 6.3955,24.1616656 6.3955,24.374 C6.3955,24.5513342 6.36750028,24.7169992 6.3115,24.871 C6.25549972,25.0250008 6.1744172,25.1632494 6.06825,25.28575 C5.9620828,25.4082506 5.8325841,25.5126662 5.67975,25.599 C5.5269159,25.6853338 5.35366764,25.7506664 5.16,25.795 C5.24633377,25.8440002 5.32099969,25.9151662 5.384,26.0085 L6.847,28 Z" id="R" fill="#252525" fill-rule="nonzero"></path>
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient x1="50%" y1="27.7099609%" x2="74.9153453%" y2="100%" id="linearGradient-1">
+      <stop stop-color="#E48626" offset="0"/>
+      <stop stop-color="#FFA244" offset="0.5426"/>
+      <stop stop-color="#FFA74C" offset="1"/>
+    </linearGradient>
+  </defs>
+  <g id="bmp00121" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <rect id="Rectangle" stroke="#919191" fill="#E3E3E3" x="0.5" y="1.5" width="9" height="12" rx="4.5"/>
+    <rect id="Rectangle" stroke="#BD6404" fill="url(#linearGradient-1)" x="0.5" y="19.5" width="9" height="12" rx="4.5"/>
+    <g style="" transform="matrix(0.866678, -0.49887, 0.5, 0.866025, -320.927966, -79.438045)">
+      <g>
+        <path d="M451.209,68.647c-16.787-16.799-39.564-26.234-63.312-26.226v0c-23.739-0.056-46.516,9.376-63.266,26.197L209.056,184.194 c-22.867,22.903-31.609,56.356-22.869,87.518c2.559,9.072,11.988,14.352,21.06,11.793c9.072-2.559,14.352-11.988,11.793-21.06 c-5.388-19.271,0.018-39.95,14.148-54.118L348.763,92.768c21.608-21.613,56.646-21.617,78.259-0.008 c21.613,21.608,21.617,56.646,0.009,78.259L311.456,286.594c-7.574,7.584-17.193,12.797-27.682,15.002 c-9.228,1.921-15.151,10.959-13.23,20.187c1.652,7.935,8.657,13.613,16.762,13.588c1.193,0.001,2.383-0.125,3.55-0.375 c16.951-3.575,32.494-12.007,44.732-24.269l115.576-115.558C486.114,160.243,486.134,103.598,451.209,68.647z"/>
+      </g>
     </g>
+    <g style="" transform="matrix(0.866678, -0.49887, 0.5, 0.866025, -320.927966, -79.438045)">
+      <g>
+        <path d="M290.702,206.142c-2.559-9.072-11.988-14.352-21.06-11.793s-14.352,11.988-11.793,21.06 c5.388,19.271-0.018,39.95-14.148,54.118L128.125,385.103c-21.608,21.613-56.646,21.617-78.259,0.008 c-21.613-21.608-21.617-56.646-0.009-78.259l115.576-115.593c7.562-7.582,17.17-12.795,27.648-15.002 c9.243-1.849,15.237-10.84,13.388-20.082s-10.84-15.237-20.082-13.388c-0.113,0.023-0.225,0.046-0.337,0.071 c-16.954,3.579-32.502,12.011-44.749,24.269L25.725,282.703c-34.676,35.211-34.242,91.865,0.969,126.541 c34.827,34.297,90.731,34.301,125.563,0.008l115.575-115.593C290.7,270.756,299.442,237.303,290.702,206.142z"/>
+      </g>
+    </g>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.474954, 5.24483)">
+    <g>
+      <path d="M451.209,68.647c-16.787-16.799-39.564-26.234-63.312-26.226v0c-23.739-0.056-46.516,9.376-63.266,26.197L209.056,184.194 c-22.867,22.903-31.609,56.356-22.869,87.518c2.559,9.072,11.988,14.352,21.06,11.793c9.072-2.559,14.352-11.988,11.793-21.06 c-5.388-19.271,0.018-39.95,14.148-54.118L348.763,92.768c21.608-21.613,56.646-21.617,78.259-0.008 c21.613,21.608,21.617,56.646,0.009,78.259L311.456,286.594c-7.574,7.584-17.193,12.797-27.682,15.002 c-9.228,1.921-15.151,10.959-13.23,20.187c1.652,7.935,8.657,13.613,16.762,13.588c1.193,0.001,2.383-0.125,3.55-0.375 c16.951-3.575,32.494-12.007,44.732-24.269l115.576-115.558C486.114,160.243,486.134,103.598,451.209,68.647z"/>
+    </g>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.474954, 5.24483)">
+    <g>
+      <path d="M290.702,206.142c-2.559-9.072-11.988-14.352-21.06-11.793s-14.352,11.988-11.793,21.06 c5.388,19.271-0.018,39.95-14.148,54.118L128.125,385.103c-21.608,21.613-56.646,21.617-78.259,0.008 c-21.613-21.608-21.617-56.646-0.009-78.259l115.576-115.593c7.562-7.582,17.17-12.795,27.648-15.002 c9.243-1.849,15.237-10.84,13.388-20.082s-10.84-15.237-20.082-13.388c-0.113,0.023-0.225,0.046-0.337,0.071 c-16.954,3.579-32.502,12.011-44.749,24.269L25.725,282.703c-34.676,35.211-34.242,91.865,0.969,126.541 c34.827,34.297,90.731,34.301,125.563,0.008l115.575-115.593C290.7,270.756,299.442,237.303,290.702,206.142z"/>
+    </g>
+  </g>
+  <path d="M 5.396 29.029 L 4.576 29.029 L 4.576 25.729 L 1.606 25.729 L 1.606 24.979 L 4.576 24.979 L 4.576 21.789 L 5.396 21.789 L 5.396 24.979 L 8.426 24.979 L 8.426 25.729 L 5.396 25.729 L 5.396 29.029 Z" transform="matrix(1, 0, 0, 1, 0, 0)" style="fill: rgb(51, 51, 51); white-space: pre;"/>
 </svg>
\ No newline at end of file
diff --git a/assets/original-vector/SVG/exported/bmp00140.svg b/assets/original-vector/SVG/exported/bmp00140.svg
index ffae76dfebd..12d803fa444 100644
--- a/assets/original-vector/SVG/exported/bmp00140.svg
+++ b/assets/original-vector/SVG/exported/bmp00140.svg
@@ -1,16 +1,44 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <linearGradient x1="50%" y1="27.7099609%" x2="74.9153453%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#E48626" offset="0%"></stop>
-            <stop stop-color="#FFA244" offset="54.2590286%"></stop>
-            <stop stop-color="#FFA74C" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="bmp00140" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <rect id="Rectangle" stroke="#919191" fill="#E3E3E3" x="0.5" y="1.5" width="9" height="12" rx="4.5"></rect>
-        <rect id="Rectangle" stroke="#BD6404" fill="url(#linearGradient-1)" x="0.5" y="19.5" width="9" height="12" rx="4.5"></rect>
-        <polygon id="L" fill="#252525" fill-rule="nonzero" points="6.486 9.4295 6.486 10 3.6405 10 3.6405 4.9845 4.316 4.9845 4.316 9.4295"></polygon>
-        <polygon id="L" fill="#252525" fill-rule="nonzero" points="6.486 27.4295 6.486 28 3.6405 28 3.6405 22.9845 4.316 22.9845 4.316 27.4295"></polygon>
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient x1="50%" y1="27.7099609%" x2="74.9153453%" y2="100%" id="linearGradient-1">
+      <stop stop-color="#E48626" offset="0"/>
+      <stop stop-color="#FFA244" offset="0.5426"/>
+      <stop stop-color="#FFA74C" offset="1"/>
+    </linearGradient>
+  </defs>
+  <g id="bmp00121" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <rect id="Rectangle" stroke="#919191" fill="#E3E3E3" x="0.5" y="1.5" width="9" height="12" rx="4.5"/>
+    <rect id="Rectangle" stroke="#BD6404" fill="url(#linearGradient-1)" x="0.5" y="19.5" width="9" height="12" rx="4.5"/>
+    <g style="" transform="matrix(0.866678, -0.49887, 0.5, 0.866025, -320.927966, -79.438045)">
+      <g>
+        <path d="M451.209,68.647c-16.787-16.799-39.564-26.234-63.312-26.226v0c-23.739-0.056-46.516,9.376-63.266,26.197L209.056,184.194 c-22.867,22.903-31.609,56.356-22.869,87.518c2.559,9.072,11.988,14.352,21.06,11.793c9.072-2.559,14.352-11.988,11.793-21.06 c-5.388-19.271,0.018-39.95,14.148-54.118L348.763,92.768c21.608-21.613,56.646-21.617,78.259-0.008 c21.613,21.608,21.617,56.646,0.009,78.259L311.456,286.594c-7.574,7.584-17.193,12.797-27.682,15.002 c-9.228,1.921-15.151,10.959-13.23,20.187c1.652,7.935,8.657,13.613,16.762,13.588c1.193,0.001,2.383-0.125,3.55-0.375 c16.951-3.575,32.494-12.007,44.732-24.269l115.576-115.558C486.114,160.243,486.134,103.598,451.209,68.647z"/>
+      </g>
     </g>
+    <g style="" transform="matrix(0.866678, -0.49887, 0.5, 0.866025, -320.927966, -79.438045)">
+      <g>
+        <path d="M290.702,206.142c-2.559-9.072-11.988-14.352-21.06-11.793s-14.352,11.988-11.793,21.06 c5.388,19.271-0.018,39.95-14.148,54.118L128.125,385.103c-21.608,21.613-56.646,21.617-78.259,0.008 c-21.613-21.608-21.617-56.646-0.009-78.259l115.576-115.593c7.562-7.582,17.17-12.795,27.648-15.002 c9.243-1.849,15.237-10.84,13.388-20.082s-10.84-15.237-20.082-13.388c-0.113,0.023-0.225,0.046-0.337,0.071 c-16.954,3.579-32.502,12.011-44.749,24.269L25.725,282.703c-34.676,35.211-34.242,91.865,0.969,126.541 c34.827,34.297,90.731,34.301,125.563,0.008l115.575-115.593C290.7,270.756,299.442,237.303,290.702,206.142z"/>
+      </g>
+    </g>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.453116, 23.217661)">
+    <g>
+      <path d="M451.209,68.647c-16.787-16.799-39.564-26.234-63.312-26.226v0c-23.739-0.056-46.516,9.376-63.266,26.197L209.056,184.194 c-22.867,22.903-31.609,56.356-22.869,87.518c2.559,9.072,11.988,14.352,21.06,11.793c9.072-2.559,14.352-11.988,11.793-21.06 c-5.388-19.271,0.018-39.95,14.148-54.118L348.763,92.768c21.608-21.613,56.646-21.617,78.259-0.008 c21.613,21.608,21.617,56.646,0.009,78.259L311.456,286.594c-7.574,7.584-17.193,12.797-27.682,15.002 c-9.228,1.921-15.151,10.959-13.23,20.187c1.652,7.935,8.657,13.613,16.762,13.588c1.193,0.001,2.383-0.125,3.55-0.375 c16.951-3.575,32.494-12.007,44.732-24.269l115.576-115.558C486.114,160.243,486.134,103.598,451.209,68.647z"/>
+    </g>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.453116, 23.217661)">
+    <g>
+      <path d="M290.702,206.142c-2.559-9.072-11.988-14.352-21.06-11.793s-14.352,11.988-11.793,21.06 c5.388,19.271-0.018,39.95-14.148,54.118L128.125,385.103c-21.608,21.613-56.646,21.617-78.259,0.008 c-21.613-21.608-21.617-56.646-0.009-78.259l115.576-115.593c7.562-7.582,17.17-12.795,27.648-15.002 c9.243-1.849,15.237-10.84,13.388-20.082s-10.84-15.237-20.082-13.388c-0.113,0.023-0.225,0.046-0.337,0.071 c-16.954,3.579-32.502,12.011-44.749,24.269L25.725,282.703c-34.676,35.211-34.242,91.865,0.969,126.541 c34.827,34.297,90.731,34.301,125.563,0.008l115.575-115.593C290.7,270.756,299.442,237.303,290.702,206.142z"/>
+    </g>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.474954, 5.24483)">
+    <g>
+      <path d="M451.209,68.647c-16.787-16.799-39.564-26.234-63.312-26.226v0c-23.739-0.056-46.516,9.376-63.266,26.197L209.056,184.194 c-22.867,22.903-31.609,56.356-22.869,87.518c2.559,9.072,11.988,14.352,21.06,11.793c9.072-2.559,14.352-11.988,11.793-21.06 c-5.388-19.271,0.018-39.95,14.148-54.118L348.763,92.768c21.608-21.613,56.646-21.617,78.259-0.008 c21.613,21.608,21.617,56.646,0.009,78.259L311.456,286.594c-7.574,7.584-17.193,12.797-27.682,15.002 c-9.228,1.921-15.151,10.959-13.23,20.187c1.652,7.935,8.657,13.613,16.762,13.588c1.193,0.001,2.383-0.125,3.55-0.375 c16.951-3.575,32.494-12.007,44.732-24.269l115.576-115.558C486.114,160.243,486.134,103.598,451.209,68.647z"/>
+    </g>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.474954, 5.24483)">
+    <g>
+      <path d="M290.702,206.142c-2.559-9.072-11.988-14.352-21.06-11.793s-14.352,11.988-11.793,21.06 c5.388,19.271-0.018,39.95-14.148,54.118L128.125,385.103c-21.608,21.613-56.646,21.617-78.259,0.008 c-21.613-21.608-21.617-56.646-0.009-78.259l115.576-115.593c7.562-7.582,17.17-12.795,27.648-15.002 c9.243-1.849,15.237-10.84,13.388-20.082s-10.84-15.237-20.082-13.388c-0.113,0.023-0.225,0.046-0.337,0.071 c-16.954,3.579-32.502,12.011-44.749,24.269L25.725,282.703c-34.676,35.211-34.242,91.865,0.969,126.541 c34.827,34.297,90.731,34.301,125.563,0.008l115.575-115.593C290.7,270.756,299.442,237.303,290.702,206.142z"/>
+    </g>
+  </g>
 </svg>
\ No newline at end of file
diff --git a/resources/data/skins/dark-mode.surge-skin/SVG/bmp00121.svg b/resources/data/skins/dark-mode.surge-skin/SVG/bmp00121.svg
index 7000fb62a38..dd46b94ad2f 100644
--- a/resources/data/skins/dark-mode.surge-skin/SVG/bmp00121.svg
+++ b/resources/data/skins/dark-mode.surge-skin/SVG/bmp00121.svg
@@ -1,31 +1,38 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>bmp00121</title>
-    <defs>
-        <rect id="path-1" x="0" y="0" width="10" height="13" rx="2"></rect>
-        <filter x="-2.5%" y="-1.9%" width="105.0%" height="107.7%" filterUnits="objectBoundingBox" id="filter-2">
-            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.05 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
-        </filter>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
-            <stop stop-color="#FFBF00" offset="0%"></stop>
-            <stop stop-color="#FF9000" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="bmp00121" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="R-Thumb" transform="translate(0.000000, 1.000000)">
-            <g id="Rectangle">
-                <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                <rect stroke="#0F0F0F" stroke-width="1" stroke-linejoin="square" fill="#242424" fill-rule="evenodd" x="0.5" y="0.5" width="9" height="12" rx="2"></rect>
-            </g>
-        </g>
-        <g id="R-Thumb----Orange" transform="translate(0.000000, 19.000000)" fill="url(#linearGradient-3)">
-            <rect id="Rectangle" x="0" y="0" width="10" height="13" rx="2"></rect>
-        </g>
-        <g id="Font-Layer-Copy" transform="translate(3.000000, 4.000000)" fill-rule="nonzero">
-            <path d="M0.984,6 L0.984,4.0225 L1.3865,4.0225 C1.47983333,4.0225 1.55041667,4.03533333 1.59825,4.061 C1.64608333,4.08666667 1.68983333,4.12983333 1.7295,4.1905 L1.7295,4.1905 L2.7935,5.811 C2.83316667,5.87166667 2.88158333,5.91833333 2.93875,5.951 C2.99591667,5.98366667 3.06533333,6 3.147,6 L3.147,6 L3.994,6 L2.727,4.131 C2.64066667,4.005 2.538,3.90816667 2.419,3.8405 C2.59633333,3.7845 2.75441667,3.70983333 2.89325,3.6165 C3.03208333,3.52316667 3.14875,3.41466667 3.24325,3.291 C3.33775,3.16733333 3.41008333,3.02966667 3.46025,2.878 C3.51041667,2.72633333 3.5355,2.56533333 3.5355,2.395 C3.5355,2.18033333 3.49875,1.98375 3.42525,1.80525 C3.35175,1.62675 3.23625,1.47333333 3.07875,1.345 C2.92125,1.21666667 2.71941667,1.11691667 2.47325,1.04575 C2.22708333,0.974583333 1.93133333,0.939 1.586,0.939 L1.586,0.939 L0.0425,0.939 L0.0425,6 L0.984,6 Z M1.572,3.347 L0.984,3.347 L0.984,1.667 L1.586,1.667 C1.93366667,1.667 2.19208333,1.73583333 2.36125,1.8735 C2.53041667,2.01116667 2.615,2.20833333 2.615,2.465 C2.615,2.59333333 2.594,2.71116667 2.552,2.8185 C2.51,2.92583333 2.44641667,3.01858333 2.36125,3.09675 C2.27608333,3.17491667 2.16758333,3.23616667 2.03575,3.2805 C1.90391667,3.32483333 1.74933333,3.347 1.572,3.347 L1.572,3.347 Z" id="R" fill="#B4B4B4"></path>
-            <path d="M0.984,24 L0.984,22.0225 L1.3865,22.0225 C1.47983333,22.0225 1.55041667,22.0353333 1.59825,22.061 C1.64608333,22.0866667 1.68983333,22.1298333 1.7295,22.1905 L1.7295,22.1905 L2.7935,23.811 C2.83316667,23.8716667 2.88158333,23.9183333 2.93875,23.951 C2.99591667,23.9836667 3.06533333,24 3.147,24 L3.147,24 L3.994,24 L2.727,22.131 C2.64066667,22.005 2.538,21.9081667 2.419,21.8405 C2.59633333,21.7845 2.75441667,21.7098333 2.89325,21.6165 C3.03208333,21.5231667 3.14875,21.4146667 3.24325,21.291 C3.33775,21.1673333 3.41008333,21.0296667 3.46025,20.878 C3.51041667,20.7263333 3.5355,20.5653333 3.5355,20.395 C3.5355,20.1803333 3.49875,19.98375 3.42525,19.80525 C3.35175,19.62675 3.23625,19.4733333 3.07875,19.345 C2.92125,19.2166667 2.71941667,19.1169167 2.47325,19.04575 C2.22708333,18.9745833 1.93133333,18.939 1.586,18.939 L1.586,18.939 L0.0425,18.939 L0.0425,24 L0.984,24 Z M1.572,21.347 L0.984,21.347 L0.984,19.667 L1.586,19.667 C1.93366667,19.667 2.19208333,19.7358333 2.36125,19.8735 C2.53041667,20.0111667 2.615,20.2083333 2.615,20.465 C2.615,20.5933333 2.594,20.7111667 2.552,20.8185 C2.51,20.9258333 2.44641667,21.0185833 2.36125,21.09675 C2.27608333,21.1749167 2.16758333,21.2361667 2.03575,21.2805 C1.90391667,21.3248333 1.74933333,21.347 1.572,21.347 L1.572,21.347 Z" id="R" fill="#000000"></path>
-        </g>
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <title>bmp00121</title>
+  <defs>
+    <rect id="path-1" x="0" y="0" width="10" height="13" rx="2"/>
+    <filter x="-2.5%" y="-1.9%" width="105.0%" height="107.7%" filterUnits="objectBoundingBox" id="filter-2">
+      <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
+      <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.05 0" type="matrix" in="shadowOffsetOuter1"/>
+    </filter>
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+      <stop stop-color="#FFBF00" offset="0"/>
+      <stop stop-color="#FF9000" offset="1"/>
+    </linearGradient>
+  </defs>
+  <g id="bmp00121" stroke="none" stroke-width="1" fill="#B4B4B4" fill-rule="evenodd">
+    <g id="R-Thumb" transform="translate(0.000000, 1.000000)">
+      <g id="Rectangle">
+        <rect x="0" y="0" width="10" height="13" rx="2" transform="matrix(1, 0, 0, 1, 0, 0)" fill="black" fill-opacity="1" filter="url(#filter-2)"/>
+        <rect stroke="#0F0F0F" stroke-width="1" stroke-linejoin="square" fill="#242424" fill-rule="evenodd" x="0.5" y="0.5" width="9" height="12" rx="2"/>
+      </g>
     </g>
+    <g id="R-Thumb----Orange" transform="translate(0.000000, 19.000000)" fill="url(#linearGradient-3)">
+      <rect id="Rectangle" x="0" y="0" width="10" height="13" rx="2"/>
+    </g>
+    <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.896425, 5.25598)">
+      <g>
+        <path d="M451.209,68.647c-16.787-16.799-39.564-26.234-63.312-26.226v0c-23.739-0.056-46.516,9.376-63.266,26.197L209.056,184.194 c-22.867,22.903-31.609,56.356-22.869,87.518c2.559,9.072,11.988,14.352,21.06,11.793c9.072-2.559,14.352-11.988,11.793-21.06 c-5.388-19.271,0.018-39.95,14.148-54.118L348.763,92.768c21.608-21.613,56.646-21.617,78.259-0.008 c21.613,21.608,21.617,56.646,0.009,78.259L311.456,286.594c-7.574,7.584-17.193,12.797-27.682,15.002 c-9.228,1.921-15.151,10.959-13.23,20.187c1.652,7.935,8.657,13.613,16.762,13.588c1.193,0.001,2.383-0.125,3.55-0.375 c16.951-3.575,32.494-12.007,44.732-24.269l115.576-115.558C486.114,160.243,486.134,103.598,451.209,68.647z" style="fill: rgb(180, 180, 180);"/>
+      </g>
+    </g>
+    <g style="fill: rgb(180, 180, 180);" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.896425, 5.25598)">
+      <g>
+        <path d="M290.702,206.142c-2.559-9.072-11.988-14.352-21.06-11.793s-14.352,11.988-11.793,21.06 c5.388,19.271-0.018,39.95-14.148,54.118L128.125,385.103c-21.608,21.613-56.646,21.617-78.259,0.008 c-21.613-21.608-21.617-56.646-0.009-78.259l115.576-115.593c7.562-7.582,17.17-12.795,27.648-15.002 c9.243-1.849,15.237-10.84,13.388-20.082s-10.84-15.237-20.082-13.388c-0.113,0.023-0.225,0.046-0.337,0.071 c-16.954,3.579-32.502,12.011-44.749,24.269L25.725,282.703c-34.676,35.211-34.242,91.865,0.969,126.541 c34.827,34.297,90.731,34.301,125.563,0.008l115.575-115.593C290.7,270.756,299.442,237.303,290.702,206.142z"/>
+      </g>
+    </g>
+    <path d="M 4.974 29.041 L 4.154 29.041 L 4.154 25.741 L 1.184 25.741 L 1.184 24.991 L 4.154 24.991 L 4.154 21.801 L 4.974 21.801 L 4.974 24.991 L 8.004 24.991 L 8.004 25.741 L 4.974 25.741 L 4.974 29.041 Z" style="fill: rgb(0, 0, 0); white-space: pre;"/>
+  </g>
 </svg>
\ No newline at end of file
diff --git a/resources/data/skins/dark-mode.surge-skin/SVG/bmp00140.svg b/resources/data/skins/dark-mode.surge-skin/SVG/bmp00140.svg
index 571ab9145b3..bd223cab0bf 100644
--- a/resources/data/skins/dark-mode.surge-skin/SVG/bmp00140.svg
+++ b/resources/data/skins/dark-mode.surge-skin/SVG/bmp00140.svg
@@ -1,29 +1,45 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>bmp00140</title>
-    <defs>
-        <rect id="path-1" x="0" y="0" width="10" height="13" rx="2"></rect>
-        <filter x="-2.5%" y="-1.9%" width="105.0%" height="107.7%" filterUnits="objectBoundingBox" id="filter-2">
-            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.05 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
-        </filter>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
-            <stop stop-color="#FFBF00" offset="0%"></stop>
-            <stop stop-color="#FF9000" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="bmp00140" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Group" transform="translate(0.000000, 1.000000)">
-            <g id="Rectangle">
-                <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                <rect stroke="#0F0F0F" stroke-width="1" stroke-linejoin="square" fill="#242424" fill-rule="evenodd" x="0.5" y="0.5" width="9" height="12" rx="2"></rect>
-            </g>
-        </g>
-        <rect id="Rectangle" fill="url(#linearGradient-3)" x="0" y="19" width="10" height="13" rx="2"></rect>
-        <g id="Font-Layer-Copy" transform="translate(3.000000, 4.000000)" fill-rule="nonzero">
-            <polygon id="L" fill="#B4B4B4" points="3.479 6 3.479 5.223 1.4525 5.223 1.4525 0.939 0.511 0.939 0.511 6"></polygon>
-            <polygon id="L" fill="#000000" points="3.479 24 3.479 23.223 1.4525 23.223 1.4525 18.939 0.511 18.939 0.511 24"></polygon>
-        </g>
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <title>bmp00140</title>
+  <defs>
+    <rect id="path-1" x="0" y="0" width="10" height="13" rx="2"/>
+    <filter x="-2.5%" y="-1.9%" width="105.0%" height="107.7%" filterUnits="objectBoundingBox" id="filter-2">
+      <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
+      <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.05 0" type="matrix" in="shadowOffsetOuter1"/>
+    </filter>
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+      <stop stop-color="#FFBF00" offset="0"/>
+      <stop stop-color="#FF9000" offset="1"/>
+    </linearGradient>
+  </defs>
+  <g id="bmp00140" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="Group" transform="translate(0.000000, 1.000000)">
+      <g id="Rectangle">
+        <rect x="0" y="0" width="10" height="13" rx="2" transform="matrix(1, 0, 0, 1, 0, 0)" fill="black" fill-opacity="1" filter="url(#filter-2)"/>
+        <rect stroke="#0F0F0F" stroke-width="1" stroke-linejoin="square" fill="#242424" fill-rule="evenodd" x="0.5" y="0.5" width="9" height="12" rx="2"/>
+      </g>
     </g>
+    <rect id="Rectangle" fill="url(#linearGradient-3)" x="0" y="19" width="10" height="13" rx="2"/>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.647584, 23.078804)">
+    <g>
+      <path d="M451.209,68.647c-16.787-16.799-39.564-26.234-63.312-26.226v0c-23.739-0.056-46.516,9.376-63.266,26.197L209.056,184.194 c-22.867,22.903-31.609,56.356-22.869,87.518c2.559,9.072,11.988,14.352,21.06,11.793c9.072-2.559,14.352-11.988,11.793-21.06 c-5.388-19.271,0.018-39.95,14.148-54.118L348.763,92.768c21.608-21.613,56.646-21.617,78.259-0.008 c21.613,21.608,21.617,56.646,0.009,78.259L311.456,286.594c-7.574,7.584-17.193,12.797-27.682,15.002 c-9.228,1.921-15.151,10.959-13.23,20.187c1.652,7.935,8.657,13.613,16.762,13.588c1.193,0.001,2.383-0.125,3.55-0.375 c16.951-3.575,32.494-12.007,44.732-24.269l115.576-115.558C486.114,160.243,486.134,103.598,451.209,68.647z"/>
+    </g>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.647584, 23.078804)">
+    <g>
+      <path d="M290.702,206.142c-2.559-9.072-11.988-14.352-21.06-11.793s-14.352,11.988-11.793,21.06 c5.388,19.271-0.018,39.95-14.148,54.118L128.125,385.103c-21.608,21.613-56.646,21.617-78.259,0.008 c-21.613-21.608-21.617-56.646-0.009-78.259l115.576-115.593c7.562-7.582,17.17-12.795,27.648-15.002 c9.243-1.849,15.237-10.84,13.388-20.082s-10.84-15.237-20.082-13.388c-0.113,0.023-0.225,0.046-0.337,0.071 c-16.954,3.579-32.502,12.011-44.749,24.269L25.725,282.703c-34.676,35.211-34.242,91.865,0.969,126.541 c34.827,34.297,90.731,34.301,125.563,0.008l115.575-115.593C290.7,270.756,299.442,237.303,290.702,206.142z"/>
+    </g>
+  </g>
+  <g style="fill: rgb(180, 180, 180);" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.669423, 5.105973)">
+    <g>
+      <path d="M451.209,68.647c-16.787-16.799-39.564-26.234-63.312-26.226v0c-23.739-0.056-46.516,9.376-63.266,26.197L209.056,184.194 c-22.867,22.903-31.609,56.356-22.869,87.518c2.559,9.072,11.988,14.352,21.06,11.793c9.072-2.559,14.352-11.988,11.793-21.06 c-5.388-19.271,0.018-39.95,14.148-54.118L348.763,92.768c21.608-21.613,56.646-21.617,78.259-0.008 c21.613,21.608,21.617,56.646,0.009,78.259L311.456,286.594c-7.574,7.584-17.193,12.797-27.682,15.002 c-9.228,1.921-15.151,10.959-13.23,20.187c1.652,7.935,8.657,13.613,16.762,13.588c1.193,0.001,2.383-0.125,3.55-0.375 c16.951-3.575,32.494-12.007,44.732-24.269l115.576-115.558C486.114,160.243,486.134,103.598,451.209,68.647z"/>
+    </g>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.669423, 5.105973)">
+    <g style="fill: rgb(180, 180, 180);">
+      <path d="M290.702,206.142c-2.559-9.072-11.988-14.352-21.06-11.793s-14.352,11.988-11.793,21.06 c5.388,19.271-0.018,39.95-14.148,54.118L128.125,385.103c-21.608,21.613-56.646,21.617-78.259,0.008 c-21.613-21.608-21.617-56.646-0.009-78.259l115.576-115.593c7.562-7.582,17.17-12.795,27.648-15.002 c9.243-1.849,15.237-10.84,13.388-20.082s-10.84-15.237-20.082-13.388c-0.113,0.023-0.225,0.046-0.337,0.071 c-16.954,3.579-32.502,12.011-44.749,24.269L25.725,282.703c-34.676,35.211-34.242,91.865,0.969,126.541 c34.827,34.297,90.731,34.301,125.563,0.008l115.575-115.593C290.7,270.756,299.442,237.303,290.702,206.142z"/>
+    </g>
+  </g>
 </svg>
\ No newline at end of file
diff --git a/resources/data/skins/dark-mode.surge-skin/SVG/hover00121.svg b/resources/data/skins/dark-mode.surge-skin/SVG/hover00121.svg
index f94262462e0..ffe70eb3fed 100644
--- a/resources/data/skins/dark-mode.surge-skin/SVG/hover00121.svg
+++ b/resources/data/skins/dark-mode.surge-skin/SVG/hover00121.svg
@@ -1,16 +1,23 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>hover00121</title>
-    <g id="hover00121" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="R-Thumb" transform="translate(0.000000, 1.000000)" fill="#399DFF">
-            <rect id="Rectangle" x="0" y="0" width="10" height="13" rx="2"></rect>
-        </g>
-        <g id="R-Thumb----Orange" transform="translate(0.000000, 19.000000)" fill="#FF9000" stroke="#FFFFFF">
-            <rect id="Rectangle" x="0.5" y="0.5" width="9" height="12" rx="2"></rect>
-        </g>
-        <g id="Font-Layer-Copy" transform="translate(3.000000, 4.000000)" fill-rule="nonzero">
-            <path d="M0.984,6 L0.984,4.0225 L1.3865,4.0225 C1.47983333,4.0225 1.55041667,4.03533333 1.59825,4.061 C1.64608333,4.08666667 1.68983333,4.12983333 1.7295,4.1905 L1.7295,4.1905 L2.7935,5.811 C2.83316667,5.87166667 2.88158333,5.91833333 2.93875,5.951 C2.99591667,5.98366667 3.06533333,6 3.147,6 L3.147,6 L3.994,6 L2.727,4.131 C2.64066667,4.005 2.538,3.90816667 2.419,3.8405 C2.59633333,3.7845 2.75441667,3.70983333 2.89325,3.6165 C3.03208333,3.52316667 3.14875,3.41466667 3.24325,3.291 C3.33775,3.16733333 3.41008333,3.02966667 3.46025,2.878 C3.51041667,2.72633333 3.5355,2.56533333 3.5355,2.395 C3.5355,2.18033333 3.49875,1.98375 3.42525,1.80525 C3.35175,1.62675 3.23625,1.47333333 3.07875,1.345 C2.92125,1.21666667 2.71941667,1.11691667 2.47325,1.04575 C2.22708333,0.974583333 1.93133333,0.939 1.586,0.939 L1.586,0.939 L0.0425,0.939 L0.0425,6 L0.984,6 Z M1.572,3.347 L0.984,3.347 L0.984,1.667 L1.586,1.667 C1.93366667,1.667 2.19208333,1.73583333 2.36125,1.8735 C2.53041667,2.01116667 2.615,2.20833333 2.615,2.465 C2.615,2.59333333 2.594,2.71116667 2.552,2.8185 C2.51,2.92583333 2.44641667,3.01858333 2.36125,3.09675 C2.27608333,3.17491667 2.16758333,3.23616667 2.03575,3.2805 C1.90391667,3.32483333 1.74933333,3.347 1.572,3.347 L1.572,3.347 Z" id="R" fill="#FFFFFF"></path>
-            <path d="M0.984,24 L0.984,22.0225 L1.3865,22.0225 C1.47983333,22.0225 1.55041667,22.0353333 1.59825,22.061 C1.64608333,22.0866667 1.68983333,22.1298333 1.7295,22.1905 L1.7295,22.1905 L2.7935,23.811 C2.83316667,23.8716667 2.88158333,23.9183333 2.93875,23.951 C2.99591667,23.9836667 3.06533333,24 3.147,24 L3.147,24 L3.994,24 L2.727,22.131 C2.64066667,22.005 2.538,21.9081667 2.419,21.8405 C2.59633333,21.7845 2.75441667,21.7098333 2.89325,21.6165 C3.03208333,21.5231667 3.14875,21.4146667 3.24325,21.291 C3.33775,21.1673333 3.41008333,21.0296667 3.46025,20.878 C3.51041667,20.7263333 3.5355,20.5653333 3.5355,20.395 C3.5355,20.1803333 3.49875,19.98375 3.42525,19.80525 C3.35175,19.62675 3.23625,19.4733333 3.07875,19.345 C2.92125,19.2166667 2.71941667,19.1169167 2.47325,19.04575 C2.22708333,18.9745833 1.93133333,18.939 1.586,18.939 L1.586,18.939 L0.0425,18.939 L0.0425,24 L0.984,24 Z M1.572,21.347 L0.984,21.347 L0.984,19.667 L1.586,19.667 C1.93366667,19.667 2.19208333,19.7358333 2.36125,19.8735 C2.53041667,20.0111667 2.615,20.2083333 2.615,20.465 C2.615,20.5933333 2.594,20.7111667 2.552,20.8185 C2.51,20.9258333 2.44641667,21.0185833 2.36125,21.09675 C2.27608333,21.1749167 2.16758333,21.2361667 2.03575,21.2805 C1.90391667,21.3248333 1.74933333,21.347 1.572,21.347 L1.572,21.347 Z" id="R" fill="#000000"></path>
-        </g>
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <title>hover00121</title>
+  <g id="hover00121" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="R-Thumb" transform="translate(0.000000, 1.000000)" fill="#399DFF">
+      <rect id="Rectangle" x="0" y="0" width="10" height="13" rx="2"/>
     </g>
+    <g id="R-Thumb----Orange" transform="translate(0.000000, 19.000000)" fill="#FF9000" stroke="#FFFFFF">
+      <rect id="Rectangle" x="0.5" y="0.5" width="9" height="12" rx="2"/>
+    </g>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.444829, 5.096463)">
+    <g>
+      <path d="M451.209,68.647c-16.787-16.799-39.564-26.234-63.312-26.226v0c-23.739-0.056-46.516,9.376-63.266,26.197L209.056,184.194 c-22.867,22.903-31.609,56.356-22.869,87.518c2.559,9.072,11.988,14.352,21.06,11.793c9.072-2.559,14.352-11.988,11.793-21.06 c-5.388-19.271,0.018-39.95,14.148-54.118L348.763,92.768c21.608-21.613,56.646-21.617,78.259-0.008 c21.613,21.608,21.617,56.646,0.009,78.259L311.456,286.594c-7.574,7.584-17.193,12.797-27.682,15.002 c-9.228,1.921-15.151,10.959-13.23,20.187c1.652,7.935,8.657,13.613,16.762,13.588c1.193,0.001,2.383-0.125,3.55-0.375 c16.951-3.575,32.494-12.007,44.732-24.269l115.576-115.558C486.114,160.243,486.134,103.598,451.209,68.647z" style="fill: rgb(255, 255, 255);"/>
+    </g>
+  </g>
+  <g style="fill: rgb(255, 255, 255);" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.444829, 5.096463)">
+    <g>
+      <path d="M290.702,206.142c-2.559-9.072-11.988-14.352-21.06-11.793s-14.352,11.988-11.793,21.06 c5.388,19.271-0.018,39.95-14.148,54.118L128.125,385.103c-21.608,21.613-56.646,21.617-78.259,0.008 c-21.613-21.608-21.617-56.646-0.009-78.259l115.576-115.593c7.562-7.582,17.17-12.795,27.648-15.002 c9.243-1.849,15.237-10.84,13.388-20.082s-10.84-15.237-20.082-13.388c-0.113,0.023-0.225,0.046-0.337,0.071 c-16.954,3.579-32.502,12.011-44.749,24.269L25.725,282.703c-34.676,35.211-34.242,91.865,0.969,126.541 c34.827,34.297,90.731,34.301,125.563,0.008l115.575-115.593C290.7,270.756,299.442,237.303,290.702,206.142z"/>
+    </g>
+  </g>
+  <path d="M 5.426 28.881 L 4.606 28.881 L 4.606 25.581 L 1.636 25.581 L 1.636 24.831 L 4.606 24.831 L 4.606 21.641 L 5.426 21.641 L 5.426 24.831 L 8.456 24.831 L 8.456 25.581 L 5.426 25.581 L 5.426 28.881 Z" style="fill: rgb(51, 51, 51); white-space: pre;"/>
 </svg>
\ No newline at end of file
diff --git a/resources/data/skins/dark-mode.surge-skin/SVG/hover00140.svg b/resources/data/skins/dark-mode.surge-skin/SVG/hover00140.svg
index 40c10bb6025..431ff6aeb9d 100644
--- a/resources/data/skins/dark-mode.surge-skin/SVG/hover00140.svg
+++ b/resources/data/skins/dark-mode.surge-skin/SVG/hover00140.svg
@@ -1,14 +1,30 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>hover00140</title>
-    <g id="hover00140" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Group" transform="translate(0.000000, 1.000000)" fill="#399DFF">
-            <rect id="Rectangle" x="0" y="0" width="10" height="13" rx="2"></rect>
-        </g>
-        <rect id="Rectangle" stroke="#FFFFFF" fill="#FF9000" x="0.5" y="19.5" width="9" height="12" rx="2"></rect>
-        <g id="Font-Layer-Copy" transform="translate(3.000000, 4.000000)" fill-rule="nonzero">
-            <polygon id="L" fill="#FFFFFF" points="3.479 6 3.479 5.223 1.4525 5.223 1.4525 0.939 0.511 0.939 0.511 6"></polygon>
-            <polygon id="L" fill="#000000" points="3.479 24 3.479 23.223 1.4525 23.223 1.4525 18.939 0.511 18.939 0.511 24"></polygon>
-        </g>
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="12px" height="36px" viewBox="0 0 12 36" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <title>hover00140</title>
+  <g id="hover00140" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="Group" transform="translate(0.000000, 1.000000)" fill="#399DFF">
+      <rect id="Rectangle" x="0" y="0" width="10" height="13" rx="2"/>
     </g>
+    <rect id="Rectangle" stroke="#FFFFFF" fill="#FF9000" x="0.5" y="19.5" width="9" height="12" rx="2"/>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.61579, 23.103054)">
+    <g>
+      <path d="M451.209,68.647c-16.787-16.799-39.564-26.234-63.312-26.226v0c-23.739-0.056-46.516,9.376-63.266,26.197L209.056,184.194 c-22.867,22.903-31.609,56.356-22.869,87.518c2.559,9.072,11.988,14.352,21.06,11.793c9.072-2.559,14.352-11.988,11.793-21.06 c-5.388-19.271,0.018-39.95,14.148-54.118L348.763,92.768c21.608-21.613,56.646-21.617,78.259-0.008 c21.613,21.608,21.617,56.646,0.009,78.259L311.456,286.594c-7.574,7.584-17.193,12.797-27.682,15.002 c-9.228,1.921-15.151,10.959-13.23,20.187c1.652,7.935,8.657,13.613,16.762,13.588c1.193,0.001,2.383-0.125,3.55-0.375 c16.951-3.575,32.494-12.007,44.732-24.269l115.576-115.558C486.114,160.243,486.134,103.598,451.209,68.647z"/>
+    </g>
+  </g>
+  <g style="" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.61579, 23.103054)">
+    <g>
+      <path d="M290.702,206.142c-2.559-9.072-11.988-14.352-21.06-11.793s-14.352,11.988-11.793,21.06 c5.388,19.271-0.018,39.95-14.148,54.118L128.125,385.103c-21.608,21.613-56.646,21.617-78.259,0.008 c-21.613-21.608-21.617-56.646-0.009-78.259l115.576-115.593c7.562-7.582,17.17-12.795,27.648-15.002 c9.243-1.849,15.237-10.84,13.388-20.082s-10.84-15.237-20.082-13.388c-0.113,0.023-0.225,0.046-0.337,0.071 c-16.954,3.579-32.502,12.011-44.749,24.269L25.725,282.703c-34.676,35.211-34.242,91.865,0.969,126.541 c34.827,34.297,90.731,34.301,125.563,0.008l115.575-115.593C290.7,270.756,299.442,237.303,290.702,206.142z"/>
+    </g>
+  </g>
+  <g style="fill: rgb(180, 180, 180);" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.637629, 5.130224)">
+    <g>
+      <path d="M451.209,68.647c-16.787-16.799-39.564-26.234-63.312-26.226v0c-23.739-0.056-46.516,9.376-63.266,26.197L209.056,184.194 c-22.867,22.903-31.609,56.356-22.869,87.518c2.559,9.072,11.988,14.352,21.06,11.793c9.072-2.559,14.352-11.988,11.793-21.06 c-5.388-19.271,0.018-39.95,14.148-54.118L348.763,92.768c21.608-21.613,56.646-21.617,78.259-0.008 c21.613,21.608,21.617,56.646,0.009,78.259L311.456,286.594c-7.574,7.584-17.193,12.797-27.682,15.002 c-9.228,1.921-15.151,10.959-13.23,20.187c1.652,7.935,8.657,13.613,16.762,13.588c1.193,0.001,2.383-0.125,3.55-0.375 c16.951-3.575,32.494-12.007,44.732-24.269l115.576-115.558C486.114,160.243,486.134,103.598,451.209,68.647z" style="fill: rgb(255, 255, 255);"/>
+    </g>
+  </g>
+  <g style="fill: rgb(255, 255, 255);" transform="matrix(0.01266, -0.007287, 0.009676, 0.016759, -0.637629, 5.130224)">
+    <g style="fill: rgb(180, 180, 180);">
+      <path d="M290.702,206.142c-2.559-9.072-11.988-14.352-21.06-11.793s-14.352,11.988-11.793,21.06 c5.388,19.271-0.018,39.95-14.148,54.118L128.125,385.103c-21.608,21.613-56.646,21.617-78.259,0.008 c-21.613-21.608-21.617-56.646-0.009-78.259l115.576-115.593c7.562-7.582,17.17-12.795,27.648-15.002 c9.243-1.849,15.237-10.84,13.388-20.082s-10.84-15.237-20.082-13.388c-0.113,0.023-0.225,0.046-0.337,0.071 c-16.954,3.579-32.502,12.011-44.749,24.269L25.725,282.703c-34.676,35.211-34.242,91.865,0.969,126.541 c34.827,34.297,90.731,34.301,125.563,0.008l115.575-115.593C290.7,270.756,299.442,237.303,290.702,206.142z" style="fill: rgb(255, 255, 255);"/>
+    </g>
+  </g>
 </svg>
\ No newline at end of file