From ed026d02a7fcc028386ac4f66af32e455d33140f Mon Sep 17 00:00:00 2001
From: Tobias Bernard <tbernard@gnome.org>
Date: Tue, 2 Apr 2024 12:53:19 +0200
Subject: [PATCH] controls: illustration color tweaks

---
 source/img/tiles/controls-buttons-dark.svg    | 164 +++++++-----
 source/img/tiles/controls-buttons.svg         | 157 ++++++-----
 source/img/tiles/controls-checkboxes-dark.svg |  55 +++-
 source/img/tiles/controls-checkboxes.svg      |  57 +++-
 source/img/tiles/controls-dropdowns-dark.svg  | 248 ++++++++++++------
 source/img/tiles/controls-dropdowns.svg       | 230 ++++++++++------
 source/img/tiles/controls-menus-dark.svg      | 138 +++++-----
 source/img/tiles/controls-menus.svg           | 121 ++++-----
 source/img/tiles/controls-overlaid-dark.svg   |  44 ++--
 source/img/tiles/controls-overlaid.svg        |  41 ++-
 .../img/tiles/controls-radiobuttons-dark.svg  |  83 ++++--
 source/img/tiles/controls-radiobuttons.svg    |  83 ++++--
 source/img/tiles/controls-sliders-dark.svg    |  79 ++++--
 source/img/tiles/controls-sliders.svg         |  79 ++++--
 .../img/tiles/controls-spinbuttons-dark.svg   |  77 +++---
 source/img/tiles/controls-spinbuttons.svg     |  97 +++----
 source/img/tiles/controls-switches-dark.svg   |  46 ++--
 source/img/tiles/controls-switches.svg        |  51 +++-
 source/img/tiles/controls-textfields-dark.svg | 106 +++++---
 source/img/tiles/controls-textfields.svg      | 101 ++++---
 20 files changed, 1298 insertions(+), 759 deletions(-)

diff --git a/source/img/tiles/controls-buttons-dark.svg b/source/img/tiles/controls-buttons-dark.svg
index 424751c..23d73e8 100644
--- a/source/img/tiles/controls-buttons-dark.svg
+++ b/source/img/tiles/controls-buttons-dark.svg
@@ -5,13 +5,36 @@
    version="1.1"
    id="svg14"
    sodipodi:docname="controls-buttons-dark.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs18" />
+     id="defs18">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1"
+       id="linearGradient2"
+       x1="20"
+       y1="130"
+       x2="215"
+       y2="30"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#e01b24;stop-opacity:1"
+         offset="0"
+         id="stop1" />
+      <stop
+         style="stop-color:#c64600;stop-opacity:1"
+         offset="1"
+         id="stop2" />
+    </linearGradient>
+  </defs>
   <sodipodi:namedview
      id="namedview16"
      pagecolor="#505050"
@@ -22,7 +45,15 @@
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
      showgrid="false"
-     inkscape:current-layer="svg14">
+     inkscape:current-layer="svg14"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="27.577164"
+     inkscape:cy="82.024387"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -41,72 +72,79 @@
        visible="false" />
   </sodipodi:namedview>
   <rect
-     style="fill:#3d3846;fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
+     style="fill:url(#linearGradient2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
      width="230"
      height="140"
      x="0.001"
-     ry="20"
-     rx="20"
+     ry="20.143122"
+     rx="20.143122"
      id="rect2"
      y="0" />
   <g
-     transform="matrix(3.77953,0,0,3.77953,-4300.1686,-454.99905)"
-     id="g12">
-    <path
-       style="fill:#ffffff;fill-opacity:0.269756;stroke:none;stroke-width:0.529164;stroke-miterlimit:4;stroke-dasharray:none"
-       d="m 1065.742,150.813 a 2.112,2.112 0 0 1 -2.117,-2.117 v -24.342 h 52.51 a 5.685,5.685 0 0 1 5.698,5.698 v 20.76 z"
-       id="path4" />
-    <path
-       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none"
-       d="m 3460,100 v 40 h 57.978 a 12.16,12.16 0 0 0 12.188,-12.188 V 112.188 A 12.16,12.16 0 0 0 3517.978,100 Z"
-       transform="matrix(0.26458,0,0,0.26458,148.167,100.542)"
-       id="path6" />
+     id="g23"
+     transform="translate(-71.999,-190)">
     <rect
-       width="23.812"
-       height="10.583"
-       x="1084.8361"
-       y="-137.58299"
-       rx="3.2249999"
-       ry="3.2249999"
-       fill="#fff"
-       style="fill:#99c1f1;fill-opacity:1;stroke:none;stroke-width:0.529165;stroke-miterlimit:4;stroke-dasharray:none"
-       transform="scale(1,-1)"
-       id="rect8" />
-    <path
-       d="m 1113.897,130.97 h 0.34 c 0.085,0.004 0.17,0.042 0.228,0.103 l 0.754,0.753 0.765,-0.754 c 0.087,-0.076 0.147,-0.101 0.227,-0.103 h 0.33 v 0.33 a 0.372,0.372 0 0 1 -0.081,0.248 l -0.754,0.755 0.744,0.744 c 0.062,0.062 0.092,0.15 0.092,0.237 v 0.331 h -0.331 a 0.336,0.336 0 0 1 -0.238,-0.093 l -0.754,-0.754 -0.754,0.754 a 0.336,0.336 0 0 1 -0.237,0.093 h -0.331 v -0.33 c 0,-0.088 0.03,-0.176 0.092,-0.238 l 0.754,-0.744 -0.754,-0.754 a 0.3,0.3 0 0 1 -0.092,-0.248 z"
-       style="line-height:normal;-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration-line:none;text-transform:none;fill:#99c1f1;fill-opacity:1;stroke:none;stroke-width:0.264583;marker:none"
-       color="#bebebe"
-       font-weight="400"
-       font-family="'Andale Mono'"
-       overflow="visible"
-       fill="#2e3436"
-       id="path10" />
+       style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect12-9"
+       width="50"
+       height="50"
+       x="101.999"
+       y="235"
+       rx="14"
+       ry="14" />
+    <rect
+       style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect9-1"
+       width="50"
+       height="50"
+       x="161.99899"
+       y="235"
+       rx="14"
+       ry="14" />
+    <rect
+       style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect13-2"
+       width="50"
+       height="50"
+       x="221.99899"
+       y="235"
+       rx="14"
+       ry="14" />
+    <g
+       id="g22-7"
+       style="stroke:#ffffff"
+       transform="translate(71.999,190)">
+      <path
+         style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 180.31268,75.312684 187,82"
+         id="path16-0"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 103.85714,70 h 22.28572"
+         id="path17-9" />
+      <path
+         style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 103.85714,61 h 22.28572"
+         id="path18-3" />
+      <path
+         style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 103.85714,79 h 22.28572"
+         id="path19-6" />
+      <path
+         style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 43.85714,70 H 66.14286"
+         id="path20-0" />
+      <path
+         style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 55,58.85714 V 81.14286"
+         id="path21-6" />
+      <circle
+         style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         id="path22-2"
+         cx="173"
+         cy="68"
+         r="10" />
+    </g>
   </g>
-  <rect
-     style="fill:#3584e4;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect1"
-     width="150"
-     height="50"
-     x="40"
-     y="45"
-     rx="25"
-     ry="25" />
-  <rect
-     style="fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect3"
-     width="44.018726"
-     height="15"
-     x="77"
-     y="63"
-     rx="7.5000005"
-     ry="7.5" />
-  <rect
-     style="fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect4"
-     width="26.983253"
-     height="15"
-     x="125.01675"
-     y="63"
-     rx="7.5"
-     ry="7.5" />
 </svg>
diff --git a/source/img/tiles/controls-buttons.svg b/source/img/tiles/controls-buttons.svg
index de3e818..fa59555 100644
--- a/source/img/tiles/controls-buttons.svg
+++ b/source/img/tiles/controls-buttons.svg
@@ -5,13 +5,36 @@
    version="1.1"
    id="svg14"
    sodipodi:docname="controls-buttons.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs18" />
+     id="defs18">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1-6"
+       id="linearGradient2-3"
+       x1="20"
+       y1="130"
+       x2="215"
+       y2="30"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1-6"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#f66151;stop-opacity:1"
+         offset="0"
+         id="stop1-7" />
+      <stop
+         style="stop-color:#ffbe6f;stop-opacity:1"
+         offset="1"
+         id="stop2-5" />
+    </linearGradient>
+  </defs>
   <sodipodi:namedview
      id="namedview16"
      pagecolor="#505050"
@@ -22,7 +45,15 @@
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
      showgrid="false"
-     inkscape:current-layer="svg14">
+     inkscape:current-layer="svg14"
+     inkscape:zoom="1"
+     inkscape:cx="271"
+     inkscape:cy="-52"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -41,72 +72,74 @@
        visible="false" />
   </sodipodi:namedview>
   <rect
-     style="fill:#f6f5f4;fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
+     style="fill:url(#linearGradient2-3);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
      width="230"
      height="140"
      x="0.001"
-     ry="20"
-     rx="20"
-     id="rect2"
+     ry="20.143122"
+     rx="20.143122"
+     id="rect2-3"
      y="0" />
-  <g
-     transform="matrix(3.77953,0,0,3.77953,-4300.1686,-454.99905)"
-     id="g12">
-    <path
-       style="fill:#ffffff;fill-opacity:0.269756;stroke:none;stroke-width:0.529164;stroke-miterlimit:4;stroke-dasharray:none"
-       d="m 1065.742,150.813 a 2.112,2.112 0 0 1 -2.117,-2.117 v -24.342 h 52.51 a 5.685,5.685 0 0 1 5.698,5.698 v 20.76 z"
-       id="path4" />
-    <path
-       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none"
-       d="m 3460,100 v 40 h 57.978 a 12.16,12.16 0 0 0 12.188,-12.188 V 112.188 A 12.16,12.16 0 0 0 3517.978,100 Z"
-       transform="matrix(0.26458,0,0,0.26458,148.167,100.542)"
-       id="path6" />
-    <rect
-       width="23.812"
-       height="10.583"
-       x="1084.8361"
-       y="-137.58299"
-       rx="3.2249999"
-       ry="3.2249999"
-       fill="#fff"
-       style="fill:#99c1f1;fill-opacity:1;stroke:none;stroke-width:0.529165;stroke-miterlimit:4;stroke-dasharray:none"
-       transform="scale(1,-1)"
-       id="rect8" />
-    <path
-       d="m 1113.897,130.97 h 0.34 c 0.085,0.004 0.17,0.042 0.228,0.103 l 0.754,0.753 0.765,-0.754 c 0.087,-0.076 0.147,-0.101 0.227,-0.103 h 0.33 v 0.33 a 0.372,0.372 0 0 1 -0.081,0.248 l -0.754,0.755 0.744,0.744 c 0.062,0.062 0.092,0.15 0.092,0.237 v 0.331 h -0.331 a 0.336,0.336 0 0 1 -0.238,-0.093 l -0.754,-0.754 -0.754,0.754 a 0.336,0.336 0 0 1 -0.237,0.093 h -0.331 v -0.33 c 0,-0.088 0.03,-0.176 0.092,-0.238 l 0.754,-0.744 -0.754,-0.754 a 0.3,0.3 0 0 1 -0.092,-0.248 z"
-       style="line-height:normal;-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration-line:none;text-transform:none;fill:#99c1f1;fill-opacity:1;stroke:none;stroke-width:0.264583;marker:none"
-       color="#bebebe"
-       font-weight="400"
-       font-family="'Andale Mono'"
-       overflow="visible"
-       fill="#2e3436"
-       id="path10" />
-  </g>
   <rect
-     style="fill:#3584e4;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect1"
-     width="150"
+     style="opacity:0.15;fill:#241f31;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     id="rect12"
+     width="50"
      height="50"
-     x="40"
+     x="30"
      y="45"
-     rx="25"
-     ry="25" />
+     rx="14"
+     ry="14" />
   <rect
-     style="fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect3"
-     width="44.018726"
-     height="15"
-     x="77"
-     y="63"
-     rx="7.5000005"
-     ry="7.5" />
+     style="opacity:0.15;fill:#241f31;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     id="rect9"
+     width="50"
+     height="50"
+     x="90"
+     y="45"
+     rx="14"
+     ry="14" />
   <rect
-     style="fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect4"
-     width="26.983253"
-     height="15"
-     x="125.01675"
-     y="63"
-     rx="7.5"
-     ry="7.5" />
+     style="opacity:0.15;fill:#241f31;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     id="rect13"
+     width="50"
+     height="50"
+     x="150"
+     y="45"
+     rx="14"
+     ry="14" />
+  <g
+     id="g22"
+     style="opacity:0.9">
+    <path
+       style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#241f31;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 180.31268,75.312684 187,82"
+       id="path16"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#241f31;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="m 103.85714,70 h 22.28572"
+       id="path17" />
+    <path
+       style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#241f31;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="m 103.85714,61 h 22.28572"
+       id="path18" />
+    <path
+       style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#241f31;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="m 103.85714,79 h 22.28572"
+       id="path19" />
+    <path
+       style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#241f31;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 43.85714,70 H 66.14286"
+       id="path20" />
+    <path
+       style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#241f31;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 55,58.85714 V 81.14286"
+       id="path21" />
+    <circle
+       style="opacity:1;fill:none;fill-opacity:0.474908;stroke:#241f31;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       id="path22"
+       cx="173"
+       cy="68"
+       r="10" />
+  </g>
 </svg>
diff --git a/source/img/tiles/controls-checkboxes-dark.svg b/source/img/tiles/controls-checkboxes-dark.svg
index 5209399..cfbbcce 100644
--- a/source/img/tiles/controls-checkboxes-dark.svg
+++ b/source/img/tiles/controls-checkboxes-dark.svg
@@ -5,13 +5,36 @@
    version="1.1"
    id="svg2709"
    sodipodi:docname="controls-checkboxes-dark.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs2713" />
+     id="defs2713">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10"
+       id="linearGradient9-2"
+       x1="0"
+       y1="50"
+       x2="230"
+       y2="50"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient10"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#2ec27e;stop-opacity:1"
+         offset="0"
+         id="stop9-7" />
+      <stop
+         style="stop-color:#1c71d8;stop-opacity:1"
+         offset="1"
+         id="stop8-0" />
+    </linearGradient>
+  </defs>
   <sodipodi:namedview
      id="namedview2711"
      pagecolor="#505050"
@@ -22,7 +45,15 @@
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
      showgrid="true"
-     inkscape:current-layer="svg2709">
+     inkscape:current-layer="svg2709"
+     inkscape:zoom="3.0428572"
+     inkscape:cx="49.295774"
+     inkscape:cy="82.159623"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -41,35 +72,35 @@
        visible="true" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#c01c28;fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="font-variation-settings:normal;vector-effect:none;fill:url(#linearGradient9-2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
      width="230"
      height="140"
      x="0.001"
      ry="20"
      rx="20"
-     id="rect2697"
+     id="rect1364-9"
      y="0" />
   <rect
-     style="fill:#241f31;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     style="fill:#241f31;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill;opacity:0.7"
      id="rect3"
      width="45"
      height="45"
-     x="65"
+     x="55"
      y="45"
      rx="10"
      ry="10" />
   <rect
-     style="fill:#241f31;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     style="fill:#241f31;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill;opacity:0.7"
      id="rect4"
      width="45"
      height="45"
-     x="120"
+     x="130"
      y="45"
      rx="10"
      ry="10" />
   <path
-     style="fill:none;stroke:#62a0ea;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 75,68 85,77.647004 100,60"
-     id="path4"
+     style="fill:none;stroke:#ffffff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;opacity:0.8"
+     d="M 65,68 75,77.647004 90,60"
+     id="path4-2"
      sodipodi:nodetypes="ccc" />
 </svg>
diff --git a/source/img/tiles/controls-checkboxes.svg b/source/img/tiles/controls-checkboxes.svg
index 42fba0d..d92688e 100644
--- a/source/img/tiles/controls-checkboxes.svg
+++ b/source/img/tiles/controls-checkboxes.svg
@@ -5,13 +5,36 @@
    version="1.1"
    id="svg2709"
    sodipodi:docname="controls-checkboxes.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs2713" />
+     id="defs2713">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient8"
+       id="linearGradient9"
+       x1="0"
+       y1="75"
+       x2="230"
+       y2="75"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient8"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#99c1f1;stop-opacity:1;"
+         offset="0"
+         id="stop8" />
+      <stop
+         style="stop-color:#8ff0a4;stop-opacity:1"
+         offset="1"
+         id="stop9" />
+    </linearGradient>
+  </defs>
   <sodipodi:namedview
      id="namedview2711"
      pagecolor="#505050"
@@ -21,8 +44,16 @@
      inkscape:pageopacity="0"
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
-     showgrid="true"
-     inkscape:current-layer="svg2709">
+     showgrid="false"
+     inkscape:current-layer="svg2709"
+     inkscape:zoom="2.151625"
+     inkscape:cx="21.843955"
+     inkscape:cy="78.545286"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -38,38 +69,38 @@
        dotted="false"
        gridanglex="30"
        gridanglez="30"
-       visible="true" />
+       visible="false" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#f9f06b;fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="font-variation-settings:normal;vector-effect:none;fill:url(#linearGradient9);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
      width="230"
      height="140"
      x="0.001"
      ry="20"
      rx="20"
-     id="rect2697"
+     id="rect1364"
      y="0" />
   <rect
-     style="fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill;opacity:0.8"
      id="rect3"
      width="45"
      height="45"
-     x="65"
+     x="55"
      y="45"
      rx="10"
      ry="10" />
   <rect
-     style="fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill;opacity:0.8"
      id="rect4"
      width="45"
      height="45"
-     x="120"
+     x="130"
      y="45"
      rx="10"
      ry="10" />
   <path
-     style="fill:none;stroke:#1c71d8;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
-     d="M 75,68 85,77.647004 100,60"
+     style="fill:none;stroke:#241f31;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;opacity:0.8"
+     d="M 65,68 75,77.647004 90,60"
      id="path4-2"
      sodipodi:nodetypes="ccc" />
 </svg>
diff --git a/source/img/tiles/controls-dropdowns-dark.svg b/source/img/tiles/controls-dropdowns-dark.svg
index 1b35aaa..841043d 100644
--- a/source/img/tiles/controls-dropdowns-dark.svg
+++ b/source/img/tiles/controls-dropdowns-dark.svg
@@ -5,13 +5,80 @@
    version="1.1"
    id="svg910"
    sodipodi:docname="controls-dropdowns-dark.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs914" />
+     id="defs914">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient8"
+       id="linearGradient9"
+       x1="5"
+       y1="115"
+       x2="260"
+       y2="10"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient8"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#ffbe6f;stop-opacity:1"
+         offset="0"
+         id="stop8" />
+      <stop
+         style="stop-color:#ff7800;stop-opacity:1"
+         offset="1"
+         id="stop9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1-6"
+       id="linearGradient2-3"
+       x1="14.374047"
+       y1="30.082031"
+       x2="218.93069"
+       y2="76.521484"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1-6"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#e66100;stop-opacity:1"
+         offset="0"
+         id="stop1-7" />
+      <stop
+         style="stop-color:#e5a50a;stop-opacity:1"
+         offset="1"
+         id="stop2-5" />
+    </linearGradient>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1">
+      <rect
+         style="font-variation-settings:normal;vector-effect:none;fill:url(#linearGradient1);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
+         width="230"
+         height="140"
+         x="0.001"
+         ry="20"
+         rx="20"
+         id="rect1"
+         y="-1" />
+    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient8"
+       id="linearGradient1"
+       gradientUnits="userSpaceOnUse"
+       x1="5"
+       y1="115"
+       x2="260"
+       y2="10"
+       gradientTransform="translate(0,-1)" />
+  </defs>
   <sodipodi:namedview
      id="namedview912"
      pagecolor="#505050"
@@ -21,8 +88,16 @@
      inkscape:pageopacity="0"
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
-     showgrid="true"
-     inkscape:current-layer="svg910">
+     showgrid="false"
+     inkscape:current-layer="svg910"
+     inkscape:zoom="2"
+     inkscape:cx="229"
+     inkscape:cy="82"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -38,88 +113,105 @@
        dotted="false"
        gridanglex="30"
        gridanglez="30"
-       visible="true" />
+       visible="false" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#813d9c;fill-opacity:0.99667245;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="font-variation-settings:normal;vector-effect:none;fill:url(#linearGradient9);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
      width="230"
      height="140"
      x="0.001"
-     ry="19.92585"
-     rx="19.92585"
-     id="rect894"
+     ry="20"
+     rx="20"
+     id="rect1364"
+     y="0" />
+  <rect
+     style="fill:url(#linearGradient2-3);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
+     width="230"
+     height="140"
+     x="0.001"
+     ry="20"
+     rx="20"
+     id="rect880-3"
      y="0" />
   <g
-     transform="translate(-4020 -810) scale(3.77953)"
-     id="g908">
-    <path
-       style="fill:#3d3846;stroke:none;stroke-width:4.7625;stroke-linecap:round;stroke-dashoffset:26.4"
-       d="M1080.294 227.542a2.112 2.112 0 0 0-2.117 2.116v21.696h31.75v-21.696a2.112 2.112 0 0 0-2.117-2.116z"
-       id="path896" />
+     id="g8"
+     clip-path="url(#clipPath1)"
+     transform="translate(0,1)">
     <rect
-       width="31.75"
-       height="7.938"
-       x="1078.177"
-       y="218.281"
-       rx="2.117"
-       ry="2.117"
-       fill="#fff"
-       style="fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.529167;stroke-miterlimit:4;stroke-dasharray:none"
-       id="rect898" />
-    <path
-       fill="#fff"
-       style="fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.529167;stroke-miterlimit:4;stroke-dasharray:none"
-       d="m 1078.177,235.47901 h 31.75 v 5.29087 h -31.75 z"
-       id="path900" />
+       style="fill:#3d3846;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect1-1"
+       width="130"
+       height="110"
+       x="49.999992"
+       y="52"
+       rx="13"
+       ry="13" />
+    <rect
+       style="fill:#5e5c64;fill-opacity:1;stroke-width:17.9999;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect8"
+       width="120"
+       height="26"
+       x="54.999992"
+       y="84"
+       rx="8"
+       ry="8" />
+    <rect
+       style="fill:#7b777e;fill-opacity:1;stroke-width:17.9999;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect2-2"
+       width="80.000008"
+       height="6"
+       x="64.999992"
+       y="69"
+       rx="3.0000002"
+       ry="3" />
+    <rect
+       style="fill:#deddda;fill-opacity:1;stroke-width:17.9999;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect3-7"
+       width="95.000008"
+       height="6"
+       x="64.999992"
+       y="94"
+       rx="3"
+       ry="3" />
+    <rect
+       style="fill:#7b777e;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect4-0"
+       width="65.000008"
+       height="6"
+       x="64.999992"
+       y="119"
+       rx="3.0000002"
+       ry="3" />
+    <rect
+       style="fill:#7b777e;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect5-9"
+       width="90"
+       height="6"
+       x="64.999992"
+       y="139"
+       rx="3.0000002"
+       ry="3" />
+    <rect
+       style="fill:#3d3846;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect6"
+       width="130"
+       height="32"
+       x="49.999992"
+       y="15"
+       rx="13"
+       ry="13" />
+    <rect
+       style="fill:#7b777e;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect7"
+       width="60.000008"
+       height="6"
+       x="64.999992"
+       y="28"
+       rx="3"
+       ry="3" />
     <path
-       d="m158 961-5.994 6-6.006-6z"
-       style="fill:#77767b;fill-opacity:1;stroke:none"
-       transform="translate(1065.213 -32.544) scale(.26458)"
-       id="path904" />
+       d="M 170.99393,28.000072 165,34 158.99408,28.000072 Z"
+       style="fill:#7b777e;fill-opacity:1;stroke:none;stroke-width:0.999988"
+       id="path904-3" />
   </g>
-  <rect
-     style="fill:#77767b;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect1"
-     width="75"
-     height="10"
-     x="65"
-     y="25"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#77767b;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect2"
-     width="90"
-     height="10"
-     x="65"
-     y="60"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#deddda;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect3"
-     width="75"
-     height="10"
-     x="65"
-     y="84.998482"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#77767b;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect4"
-     width="100"
-     height="10"
-     x="65"
-     y="109.99696"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#77767b;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect5"
-     width="70"
-     height="10"
-     x="65"
-     y="129.99695"
-     rx="5"
-     ry="5" />
 </svg>
diff --git a/source/img/tiles/controls-dropdowns.svg b/source/img/tiles/controls-dropdowns.svg
index 9e7fa5d..d907538 100644
--- a/source/img/tiles/controls-dropdowns.svg
+++ b/source/img/tiles/controls-dropdowns.svg
@@ -5,13 +5,71 @@
    version="1.1"
    id="svg910"
    sodipodi:docname="controls-dropdowns.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs914" />
+     id="defs914">
+    <linearGradient
+       id="linearGradient8"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#ffbe6f;stop-opacity:1"
+         offset="0"
+         id="stop8" />
+      <stop
+         style="stop-color:#ff7800;stop-opacity:1"
+         offset="1"
+         id="stop9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1"
+       id="linearGradient2"
+       x1="14.374047"
+       y1="30.082031"
+       x2="218.93069"
+       y2="76.521484"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#ffa348;stop-opacity:1"
+         offset="0"
+         id="stop1" />
+      <stop
+         style="stop-color:#f9f06b;stop-opacity:1"
+         offset="1"
+         id="stop2" />
+    </linearGradient>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1">
+      <rect
+         style="font-variation-settings:normal;vector-effect:none;fill:url(#linearGradient3);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
+         width="230"
+         height="140"
+         x="0.001"
+         ry="20"
+         rx="20"
+         id="rect1"
+         y="-1" />
+    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient8"
+       id="linearGradient3"
+       gradientUnits="userSpaceOnUse"
+       x1="5"
+       y1="115"
+       x2="260"
+       y2="10"
+       gradientTransform="translate(0,-1)" />
+  </defs>
   <sodipodi:namedview
      id="namedview912"
      pagecolor="#505050"
@@ -21,8 +79,16 @@
      inkscape:pageopacity="0"
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
-     showgrid="true"
-     inkscape:current-layer="svg910">
+     showgrid="false"
+     inkscape:current-layer="svg910"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="32.880465"
+     inkscape:cy="109.248"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -38,88 +104,96 @@
        dotted="false"
        gridanglex="30"
        gridanglez="30"
-       visible="true" />
+       visible="false" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#ff7800;fill-opacity:0.99667245;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="fill:url(#linearGradient2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
      width="230"
      height="140"
      x="0.001"
-     ry="19.92585"
-     rx="19.92585"
-     id="rect894"
+     ry="20"
+     rx="20"
+     id="rect880"
      y="0" />
   <g
-     transform="translate(-4020 -810) scale(3.77953)"
-     id="g908">
-    <path
-       style="fill:#fff;stroke:none;stroke-width:4.7625;stroke-linecap:round;stroke-dashoffset:26.4"
-       d="M1080.294 227.542a2.112 2.112 0 0 0-2.117 2.116v21.696h31.75v-21.696a2.112 2.112 0 0 0-2.117-2.116z"
-       id="path896" />
+     id="g8"
+     clip-path="url(#clipPath1)"
+     transform="translate(0,1)">
     <rect
-       width="31.75"
-       height="7.938"
-       x="1078.177"
-       y="218.281"
-       rx="2.117"
-       ry="2.117"
-       fill="#fff"
-       style="fill:#ffa348;fill-opacity:1;stroke:none;stroke-width:0.529167;stroke-miterlimit:4;stroke-dasharray:none"
-       id="rect898" />
-    <path
-       fill="#fff"
-       style="fill:#ffbe6f;fill-opacity:1;stroke:none;stroke-width:0.529167;stroke-miterlimit:4;stroke-dasharray:none"
-       d="m 1078.177,235.47901 h 31.75 v 5.29087 h -31.75 z"
-       id="path900" />
+       style="fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect1-1"
+       width="130"
+       height="110"
+       x="49.999992"
+       y="52"
+       rx="13"
+       ry="13" />
+    <rect
+       style="fill:#deddda;fill-opacity:0.914225;stroke-width:17.9999;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect8"
+       width="120"
+       height="26"
+       x="54.999992"
+       y="84"
+       rx="8"
+       ry="8" />
+    <rect
+       style="fill:#c0bfbc;fill-opacity:1;stroke-width:17.9999;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect2-2"
+       width="80.000008"
+       height="6"
+       x="64.999992"
+       y="69"
+       rx="3.0000002"
+       ry="3" />
+    <rect
+       style="fill:#77767b;fill-opacity:1;stroke-width:17.9999;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect3-7"
+       width="95.000008"
+       height="6"
+       x="64.999992"
+       y="94"
+       rx="3"
+       ry="3" />
+    <rect
+       style="fill:#c0bfbc;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect4-0"
+       width="65.000008"
+       height="6"
+       x="64.999992"
+       y="119"
+       rx="3.0000002"
+       ry="3" />
+    <rect
+       style="fill:#c0bfbc;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect5-9"
+       width="90"
+       height="6"
+       x="64.999992"
+       y="139"
+       rx="3.0000002"
+       ry="3" />
+    <rect
+       style="fill:#ffffff;fill-opacity:0.914225;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect6"
+       width="130"
+       height="32"
+       x="49.999992"
+       y="15"
+       rx="13"
+       ry="13" />
+    <rect
+       style="fill:#77767b;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+       id="rect7"
+       width="60.000008"
+       height="6"
+       x="64.999992"
+       y="28"
+       rx="3"
+       ry="3" />
     <path
-       d="m158 961-5.994 6-6.006-6z"
-       style="fill:#ff7800;fill-opacity:1;stroke:none"
-       transform="translate(1065.213 -32.544) scale(.26458)"
-       id="path904" />
+       d="M 170.99393,28.000072 165,34 158.99408,28.000072 Z"
+       style="fill:#77767b;fill-opacity:1;stroke:none;stroke-width:0.999988"
+       id="path904-3" />
   </g>
-  <rect
-     style="fill:#ff7800;fill-opacity:0.996672;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect1"
-     width="75"
-     height="10"
-     x="65"
-     y="25"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#ffa348;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect2"
-     width="90"
-     height="10"
-     x="65"
-     y="60"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#e66100;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect3"
-     width="75"
-     height="10"
-     x="65"
-     y="84.998482"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#ffa348;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect4"
-     width="100"
-     height="10"
-     x="65"
-     y="109.99696"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#ffa348;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect5"
-     width="70"
-     height="10"
-     x="65"
-     y="129.99695"
-     rx="5"
-     ry="5" />
 </svg>
diff --git a/source/img/tiles/controls-menus-dark.svg b/source/img/tiles/controls-menus-dark.svg
index a30566d..146dfab 100644
--- a/source/img/tiles/controls-menus-dark.svg
+++ b/source/img/tiles/controls-menus-dark.svg
@@ -5,14 +5,30 @@
    version="1.1"
    id="svg1374"
    sodipodi:docname="controls-menus-dark.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xml:space="preserve"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1378" />
-  <sodipodi:namedview
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs1378"><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1-7"
+       id="linearGradient2"
+       x1="18.582474"
+       y1="20.058662"
+       x2="225.31178"
+       y2="139.41388"
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       id="linearGradient1-7"
+       inkscape:collect="always"><stop
+         style="stop-color:#1a5fb4;stop-opacity:1"
+         offset="0"
+         id="stop1-5" /><stop
+         style="stop-color:#613583;stop-opacity:1"
+         offset="1"
+         id="stop2-9" /></linearGradient></defs><sodipodi:namedview
      id="namedview1376"
      pagecolor="#505050"
      bordercolor="#ffffff"
@@ -22,8 +38,15 @@
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
      showgrid="false"
-     inkscape:current-layer="svg1374">
-    <inkscape:grid
+     inkscape:current-layer="svg1374"
+     inkscape:zoom="0.99999999"
+     inkscape:cx="114"
+     inkscape:cy="17"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"><inkscape:grid
        id="grid1"
        units="px"
        originx="0"
@@ -38,69 +61,60 @@
        dotted="false"
        gridanglex="30"
        gridanglez="30"
-       visible="false" />
-  </sodipodi:namedview>
-  <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#1a5fb4;fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+       visible="false" /></sodipodi:namedview><rect
+     style="fill:url(#linearGradient2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
      width="230"
      height="140"
      x="0.001"
      ry="20"
      rx="20"
-     id="rect1364"
-     y="0" />
-  <rect
-     style="fill:#3d3846;fill-opacity:0.914225;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect1"
+     id="rect7"
+     y="0" /><rect
+     style="fill:#3d3846;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     id="rect1-7"
      width="130"
      height="110"
-     x="50"
-     y="14.999998"
-     rx="10"
-     ry="9.999999" />
-  <rect
-     style="fill:#5e5c64;fill-opacity:0.914225;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect2"
-     width="50"
-     height="10"
-     x="65"
-     y="30"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#241f31;fill-opacity:0.914225;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect7"
+     x="50.000999"
+     y="15"
+     rx="13"
+     ry="13" /><rect
+     style="fill:#5e5c64;fill-opacity:1;stroke-width:17.9999;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     id="rect8-5"
      width="120"
-     height="20"
-     x="55"
-     y="50"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#77767b;fill-opacity:0.914225;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect3"
+     height="26"
+     x="55.000999"
+     y="47"
+     rx="8"
+     ry="8" /><rect
+     style="fill:#deddda;fill-opacity:0.38188735;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     id="rect2-3"
+     width="50"
+     height="6"
+     x="65.000999"
+     y="32"
+     rx="3"
+     ry="3" /><rect
+     style="fill:#deddda;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     id="rect3-5"
      width="60"
-     height="10"
-     x="65"
-     y="55"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#5e5c64;fill-opacity:0.914225;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect4"
+     height="6"
+     x="65.000999"
+     y="57"
+     rx="3"
+     ry="3" /><rect
+     style="fill:#deddda;fill-opacity:0.38188735;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     id="rect4-62"
      width="95"
-     height="10"
-     x="65"
-     y="80"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#5e5c64;fill-opacity:0.914225;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect5"
+     height="6"
+     x="65.000999"
+     y="82"
+     rx="3"
+     ry="3" /><rect
+     style="fill:#deddda;fill-opacity:0.38188735;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     id="rect5-9"
      width="70"
-     height="10"
-     x="65"
-     y="100"
-     rx="5"
-     ry="5" />
-</svg>
+     height="6"
+     x="65.000999"
+     y="102"
+     rx="3"
+     ry="3" /></svg>
diff --git a/source/img/tiles/controls-menus.svg b/source/img/tiles/controls-menus.svg
index 2bdb9eb..d4ce85c 100644
--- a/source/img/tiles/controls-menus.svg
+++ b/source/img/tiles/controls-menus.svg
@@ -5,37 +5,30 @@
    version="1.1"
    id="svg1374"
    sodipodi:docname="controls-menus.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xml:space="preserve"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1378">
-    <linearGradient
-       id="linearGradient8"
-       inkscape:collect="always">
-      <stop
-         style="stop-color:#99c1f1;stop-opacity:1;"
-         offset="0"
-         id="stop8" />
-      <stop
-         style="stop-color:#8ff0a4;stop-opacity:1"
-         offset="1"
-         id="stop9" />
-    </linearGradient>
-    <linearGradient
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs1378"><linearGradient
        inkscape:collect="always"
-       xlink:href="#linearGradient8"
-       id="linearGradient9"
+       xlink:href="#linearGradient1-9"
+       id="linearGradient9-7"
        x1="15.220137"
        y1="0.57035482"
        x2="230.00101"
        y2="127.30078"
-       gradientUnits="userSpaceOnUse" />
-  </defs>
-  <sodipodi:namedview
+       gradientUnits="userSpaceOnUse" /><linearGradient
+       id="linearGradient1-9"
+       inkscape:collect="always"><stop
+         style="stop-color:#99c1f1;stop-opacity:1"
+         offset="0"
+         id="stop1-2" /><stop
+         style="stop-color:#dc8add;stop-opacity:1"
+         offset="1"
+         id="stop2-0" /></linearGradient></defs><sodipodi:namedview
      id="namedview1376"
      pagecolor="#505050"
      bordercolor="#ffffff"
@@ -45,8 +38,15 @@
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
      showgrid="false"
-     inkscape:current-layer="svg1374">
-    <inkscape:grid
+     inkscape:current-layer="svg1374"
+     inkscape:zoom="0.99999999"
+     inkscape:cx="313"
+     inkscape:cy="95.000001"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"><inkscape:grid
        id="grid1"
        units="px"
        originx="0"
@@ -61,69 +61,56 @@
        dotted="false"
        gridanglex="30"
        gridanglez="30"
-       visible="false" />
-  </sodipodi:namedview>
-  <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient9);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+       visible="false" /></sodipodi:namedview><rect
+     style="font-variation-settings:normal;vector-effect:none;fill:url(#linearGradient9-7);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
      width="230"
      height="140"
      x="0.001"
      ry="20"
      rx="20"
-     id="rect1364"
-     y="0" />
-  <rect
+     id="rect1364-3"
+     y="0" /><rect
      style="fill:#ffffff;fill-opacity:0.914225;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
      id="rect1"
      width="130"
      height="110"
      x="50"
      y="14.999998"
-     rx="10"
-     ry="9.999999" />
-  <rect
-     style="fill:#dfdfdd;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     rx="13"
+     ry="13" /><rect
+     style="fill:#deddda;fill-opacity:0.914225;stroke-width:17.9999;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     id="rect8"
+     width="120"
+     height="26"
+     x="55"
+     y="47"
+     rx="8"
+     ry="8" /><rect
+     style="fill:#c0bfbc;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
      id="rect2"
      width="50"
-     height="10"
+     height="6"
      x="65"
-     y="30"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#deddda;fill-opacity:0.914225;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
-     id="rect7"
-     width="120"
-     height="20"
-     x="55"
-     y="50"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#5e5c64;fill-opacity:0.914225;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     y="32"
+     rx="3" /><rect
+     style="fill:#77767b;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
      id="rect3"
      width="60"
-     height="10"
+     height="6"
      x="65"
-     y="55"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#dfdfdd;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     y="57"
+     rx="3" /><rect
+     style="fill:#c0bfbc;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
      id="rect4"
      width="95"
-     height="10"
+     height="6"
      x="65"
-     y="80"
-     rx="5"
-     ry="5" />
-  <rect
-     style="fill:#dfdfdd;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     y="82"
+     rx="3" /><rect
+     style="fill:#c0bfbc;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
      id="rect5"
      width="70"
-     height="10"
+     height="6"
      x="65"
-     y="100"
-     rx="5"
-     ry="5" />
-</svg>
+     y="102"
+     rx="3" /></svg>
diff --git a/source/img/tiles/controls-overlaid-dark.svg b/source/img/tiles/controls-overlaid-dark.svg
index 7a06fae..12a598f 100644
--- a/source/img/tiles/controls-overlaid-dark.svg
+++ b/source/img/tiles/controls-overlaid-dark.svg
@@ -5,7 +5,7 @@
    version="1.1"
    id="svg1871"
    sodipodi:docname="controls-overlaid-dark.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -14,26 +14,26 @@
   <defs
      id="defs1875">
     <linearGradient
-       id="linearGradient1"
+       inkscape:collect="always"
+       xlink:href="#linearGradient1-2"
+       id="linearGradient2-6"
+       x1="24.667015"
+       y1="26.404297"
+       x2="222.65921"
+       y2="92.982422"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1-2"
        inkscape:collect="always">
       <stop
-         style="stop-color:#9141ac;stop-opacity:0.95518661;"
+         style="stop-color:#3584e4;stop-opacity:1"
          offset="0"
-         id="stop1" />
+         id="stop1-9" />
       <stop
-         style="stop-color:#c64600;stop-opacity:1"
+         style="stop-color:#c66520;stop-opacity:1;"
          offset="1"
-         id="stop2" />
+         id="stop2-1" />
     </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient1"
-       id="linearGradient2"
-       x1="138.94141"
-       y1="0"
-       x2="138.94141"
-       y2="140"
-       gradientUnits="userSpaceOnUse" />
   </defs>
   <sodipodi:namedview
      id="namedview1873"
@@ -45,7 +45,15 @@
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
      showgrid="true"
-     inkscape:current-layer="svg1871">
+     inkscape:current-layer="svg1871"
+     inkscape:zoom="1.5214286"
+     inkscape:cx="79.530516"
+     inkscape:cy="13.14554"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -64,13 +72,13 @@
        visible="true" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="fill:url(#linearGradient2-6);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
      width="230"
      height="140"
      x="0.001"
      ry="20"
      rx="20"
-     id="rect1843"
+     id="rect7-3"
      y="0" />
   <g
      transform="translate(-4020 -1000) scale(3.77953)"
diff --git a/source/img/tiles/controls-overlaid.svg b/source/img/tiles/controls-overlaid.svg
index a440804..6efef6c 100644
--- a/source/img/tiles/controls-overlaid.svg
+++ b/source/img/tiles/controls-overlaid.svg
@@ -5,13 +5,36 @@
    version="1.1"
    id="svg1871"
    sodipodi:docname="controls-overlaid.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs1875" />
+     id="defs1875">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1"
+       id="linearGradient2"
+       x1="24.667015"
+       y1="26.404297"
+       x2="222.65921"
+       y2="92.982422"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#99c1f1;stop-opacity:1"
+         offset="0"
+         id="stop1" />
+      <stop
+         style="stop-color:#ffbe6f;stop-opacity:1"
+         offset="1"
+         id="stop2" />
+    </linearGradient>
+  </defs>
   <sodipodi:namedview
      id="namedview1873"
      pagecolor="#505050"
@@ -22,7 +45,15 @@
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
      showgrid="true"
-     inkscape:current-layer="svg1871">
+     inkscape:current-layer="svg1871"
+     inkscape:zoom="1.5214286"
+     inkscape:cx="79.530516"
+     inkscape:cy="13.14554"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -41,13 +72,13 @@
        visible="true" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#ffa348;fill-opacity:0.955187;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="fill:url(#linearGradient2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
      width="230"
      height="140"
      x="0.001"
      ry="20"
      rx="20"
-     id="rect1843"
+     id="rect7"
      y="0" />
   <g
      transform="translate(-4020 -1000) scale(3.77953)"
diff --git a/source/img/tiles/controls-radiobuttons-dark.svg b/source/img/tiles/controls-radiobuttons-dark.svg
index 7852856..6c63832 100644
--- a/source/img/tiles/controls-radiobuttons-dark.svg
+++ b/source/img/tiles/controls-radiobuttons-dark.svg
@@ -5,13 +5,36 @@
    version="1.1"
    id="svg2709"
    sodipodi:docname="controls-radiobuttons-dark.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs2713" />
+     id="defs2713">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1-8"
+       id="linearGradient2-2"
+       x1="20"
+       y1="30"
+       x2="210"
+       y2="115"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1-8"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#c01c28;stop-opacity:1"
+         offset="0"
+         id="stop1-9" />
+      <stop
+         style="stop-color:#613583;stop-opacity:1"
+         offset="1"
+         id="stop2-7" />
+    </linearGradient>
+  </defs>
   <sodipodi:namedview
      id="namedview2711"
      pagecolor="#505050"
@@ -21,8 +44,16 @@
      inkscape:pageopacity="0"
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
-     showgrid="true"
-     inkscape:current-layer="svg2709">
+     showgrid="false"
+     inkscape:current-layer="svg2709"
+     inkscape:zoom="2.1516249"
+     inkscape:cx="101.31878"
+     inkscape:cy="6.9714754"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -38,58 +69,58 @@
        dotted="false"
        gridanglex="30"
        gridanglez="30"
-       visible="true" />
+       visible="false" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#3d3846;fill-opacity:0.991609;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="font-variation-settings:normal;vector-effect:none;fill:url(#linearGradient2-2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
      width="230"
      height="140"
      x="0.001"
      ry="20"
      rx="20"
-     id="rect2697"
+     id="rect2-3"
      y="0" />
   <g
      transform="matrix(3.77953,0,0,3.77953,-4507.5046,-620)"
      id="g2707">
     <circle
-       style="fill:#241f31;fill-opacity:1;stroke-width:0.264584;stroke-linecap:round;stroke-dashoffset:26.4"
-       cx="-1207.823"
+       style="fill:#d3a9bb;fill-opacity:1;stroke-width:0.264584;stroke-linecap:round;stroke-dashoffset:26.4;opacity:0.35"
+       cx="-1208.4849"
        cy="175.286"
-       r="5.9534707"
+       r="5.2916603"
        transform="scale(-1,1)"
        id="circle2699" />
     <circle
-       style="fill:#241f31;fill-opacity:1;stroke-width:0.264582;stroke-linecap:round;stroke-dashoffset:26.4"
-       cx="-1207.823"
+       style="fill:#d3a9bb;fill-opacity:1;stroke-width:0.264582;stroke-linecap:round;stroke-dashoffset:26.4;opacity:0.35"
+       cx="-1208.4849"
        cy="191.16193"
-       r="5.9537063"
+       r="5.2917781"
        transform="scale(-1,1)"
        id="circle2701" />
     <circle
-       style="fill:#3584e4;fill-opacity:1;stroke-width:0.264583;stroke-linecap:round;stroke-dashoffset:26.4"
-       cx="-1207.823"
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583;stroke-linecap:round;stroke-dashoffset:26.4;opacity:0.8"
+       cx="-1208.4849"
        cy="175.286"
-       r="3.3076391"
+       r="2.6458285"
        transform="scale(-1,1)"
        id="circle2703" />
   </g>
   <rect
-     style="fill:#deddda;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill;opacity:0.6"
      id="rect1"
      width="100"
-     height="20"
+     height="14"
      x="90"
-     y="30"
-     rx="10"
-     ry="10" />
+     y="34"
+     rx="7"
+     ry="7" />
   <rect
-     style="fill:#deddda;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill;opacity:0.6"
      id="rect2"
      width="100"
-     height="20"
+     height="14"
      x="90"
-     y="90"
-     rx="10"
-     ry="10" />
+     y="94"
+     rx="7"
+     ry="7" />
 </svg>
diff --git a/source/img/tiles/controls-radiobuttons.svg b/source/img/tiles/controls-radiobuttons.svg
index 2e085e9..17edf3f 100644
--- a/source/img/tiles/controls-radiobuttons.svg
+++ b/source/img/tiles/controls-radiobuttons.svg
@@ -5,13 +5,36 @@
    version="1.1"
    id="svg2709"
    sodipodi:docname="controls-radiobuttons.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs2713" />
+     id="defs2713">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1"
+       id="linearGradient2"
+       x1="20"
+       y1="30"
+       x2="210"
+       y2="115"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#f66151;stop-opacity:1"
+         offset="0"
+         id="stop1" />
+      <stop
+         style="stop-color:#c061cb;stop-opacity:1"
+         offset="1"
+         id="stop2" />
+    </linearGradient>
+  </defs>
   <sodipodi:namedview
      id="namedview2711"
      pagecolor="#505050"
@@ -21,8 +44,16 @@
      inkscape:pageopacity="0"
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
-     showgrid="true"
-     inkscape:current-layer="svg2709">
+     showgrid="false"
+     inkscape:current-layer="svg2709"
+     inkscape:zoom="1.5214286"
+     inkscape:cx="80.845069"
+     inkscape:cy="65.727698"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -38,58 +69,58 @@
        dotted="false"
        gridanglex="30"
        gridanglez="30"
-       visible="true" />
+       visible="false" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#c0bfbc;fill-opacity:0.991609;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="font-variation-settings:normal;vector-effect:none;fill:url(#linearGradient2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
      width="230"
      height="140"
      x="0.001"
      ry="20"
      rx="20"
-     id="rect2697"
+     id="rect2-2"
      y="0" />
   <g
      transform="matrix(3.77953,0,0,3.77953,-4507.5046,-620)"
      id="g2707">
     <circle
-       style="fill:#ffffff;fill-opacity:1;stroke-width:0.264584;stroke-linecap:round;stroke-dashoffset:26.4"
-       cx="-1207.823"
+       style="fill:#241f31;fill-opacity:1;stroke-width:0.264584;stroke-linecap:round;stroke-dashoffset:26.4;opacity:0.25"
+       cx="-1208.4849"
        cy="175.286"
-       r="5.9534707"
+       r="5.2916603"
        transform="scale(-1,1)"
        id="circle2699" />
     <circle
-       style="fill:#ffffff;fill-opacity:1;stroke-width:0.264582;stroke-linecap:round;stroke-dashoffset:26.4"
-       cx="-1207.823"
+       style="fill:#241f31;fill-opacity:1;stroke-width:0.264582;stroke-linecap:round;stroke-dashoffset:26.4;opacity:0.25"
+       cx="-1208.4849"
        cy="191.16193"
-       r="5.9537063"
+       r="5.2917781"
        transform="scale(-1,1)"
        id="circle2701" />
     <circle
-       style="fill:#3584e4;fill-opacity:1;stroke-width:0.264583;stroke-linecap:round;stroke-dashoffset:26.4"
-       cx="-1207.823"
+       style="fill:#241f31;fill-opacity:1;stroke-width:0.264583;stroke-linecap:round;stroke-dashoffset:26.4;opacity:0.8"
+       cx="-1208.4849"
        cy="175.286"
-       r="3.3076391"
+       r="2.6458285"
        transform="scale(-1,1)"
        id="circle2703" />
   </g>
   <rect
-     style="fill:#5e5c64;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     style="fill:#241f31;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill;opacity:0.6"
      id="rect1"
      width="100"
-     height="20"
+     height="14"
      x="90"
-     y="30"
-     rx="10"
-     ry="10" />
+     y="34"
+     rx="7"
+     ry="7" />
   <rect
-     style="fill:#5e5c64;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill"
+     style="fill:#241f31;fill-opacity:1;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4;-inkscape-stroke:none;paint-order:markers stroke fill;opacity:0.6"
      id="rect2"
      width="100"
-     height="20"
+     height="14"
      x="90"
-     y="90"
-     rx="10"
-     ry="10" />
+     y="94"
+     rx="7"
+     ry="7" />
 </svg>
diff --git a/source/img/tiles/controls-sliders-dark.svg b/source/img/tiles/controls-sliders-dark.svg
index 4f19056..77b38a2 100644
--- a/source/img/tiles/controls-sliders-dark.svg
+++ b/source/img/tiles/controls-sliders-dark.svg
@@ -5,13 +5,37 @@
    version="1.1"
    id="svg3559"
    sodipodi:docname="controls-sliders-dark.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs3563" />
+     id="defs3563">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6"
+       id="linearGradient7"
+       x1="23.160086"
+       y1="44.343983"
+       x2="219.79391"
+       y2="112.48217"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-230.002)" />
+    <linearGradient
+       id="linearGradient6"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#c061cb;stop-opacity:1"
+         offset="0"
+         id="stop6" />
+      <stop
+         style="stop-color:#813d9c;stop-opacity:1"
+         offset="1"
+         id="stop7" />
+    </linearGradient>
+  </defs>
   <sodipodi:namedview
      id="namedview3561"
      pagecolor="#505050"
@@ -21,8 +45,16 @@
      inkscape:pageopacity="0"
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
-     showgrid="true"
-     inkscape:current-layer="svg3559">
+     showgrid="false"
+     inkscape:current-layer="svg3559"
+     inkscape:zoom="2.151625"
+     inkscape:cx="8.8305351"
+     inkscape:cy="23.23825"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -38,17 +70,18 @@
        dotted="false"
        gridanglex="30"
        gridanglez="30"
-       visible="true" />
+       visible="false" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#3d3846;fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="fill:url(#linearGradient7);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
      width="230"
      height="140"
-     x="0.001"
-     ry="20"
-     rx="20"
-     id="rect3537"
-     y="0" />
+     x="-230.00101"
+     ry="19.740015"
+     rx="19.740015"
+     id="rect2-5"
+     y="0"
+     transform="scale(-1,1)" />
   <rect
      width="190.00075"
      height="10.000636"
@@ -57,7 +90,7 @@
      rx="5.0003181"
      ry="5.0003181"
      fill="#fff"
-     style="fill:#5e5c64;fill-opacity:1;stroke-width:1.84806"
+     style="fill:#241f31;fill-opacity:1;stroke-width:1.84806;opacity:0.25"
      id="rect3539" />
   <rect
      width="130.01204"
@@ -67,7 +100,7 @@
      rx="5.0003181"
      ry="5.0003181"
      fill="#fff"
-     style="fill:#62a0ea;fill-opacity:1;stroke-width:1.84806"
+     style="fill:#241f31;fill-opacity:1;stroke-width:1.84806;opacity:0.4"
      id="rect3541" />
   <rect
      width="190.00075"
@@ -77,7 +110,7 @@
      rx="5.0003181"
      ry="5.0003181"
      fill="#fff"
-     style="fill:#5e5c64;fill-opacity:1;stroke-width:1.84806"
+     style="fill:#241f31;fill-opacity:1;stroke-width:1.84806;opacity:0.25"
      id="rect1" />
   <rect
      width="75.012131"
@@ -87,32 +120,20 @@
      rx="5.0003176"
      ry="5.0003181"
      fill="#fff"
-     style="fill:#62a0ea;fill-opacity:1;stroke-width:1.84806"
+     style="fill:#241f31;fill-opacity:1;stroke-width:1.84806;opacity:0.4"
      id="rect2" />
   <ellipse
-     style="fill:#5e5c64;fill-opacity:1;stroke-width:3.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:3.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
      cx="85.25058"
      cy="100.00001"
      id="circle2"
      rx="19.749418"
      ry="19.999996" />
-  <circle
-     style="fill:#ffffff;fill-opacity:1;stroke-width:3.99998;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
-     cx="85"
-     cy="100"
-     r="14.999998"
-     id="circle3" />
   <ellipse
-     style="fill:#5e5c64;fill-opacity:1;stroke-width:3.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:3.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
      cx="150.25058"
      cy="40.000008"
      id="ellipse3"
      rx="19.749418"
      ry="19.999996" />
-  <circle
-     style="fill:#ffffff;fill-opacity:1;stroke-width:3.99998;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
-     cx="150"
-     cy="40"
-     r="14.999998"
-     id="circle4" />
 </svg>
diff --git a/source/img/tiles/controls-sliders.svg b/source/img/tiles/controls-sliders.svg
index 6b6b5fd..4a46b90 100644
--- a/source/img/tiles/controls-sliders.svg
+++ b/source/img/tiles/controls-sliders.svg
@@ -5,13 +5,37 @@
    version="1.1"
    id="svg3559"
    sodipodi:docname="controls-sliders.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs3563" />
+     id="defs3563">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6-6"
+       id="linearGradient7-3"
+       x1="23.160086"
+       y1="44.343983"
+       x2="219.79391"
+       y2="112.48217"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-230.00199)" />
+    <linearGradient
+       id="linearGradient6-6"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#f6baf6;stop-opacity:1;"
+         offset="0"
+         id="stop6-7" />
+      <stop
+         style="stop-color:#dc8add;stop-opacity:1"
+         offset="1"
+         id="stop7-5" />
+    </linearGradient>
+  </defs>
   <sodipodi:namedview
      id="namedview3561"
      pagecolor="#505050"
@@ -21,8 +45,16 @@
      inkscape:pageopacity="0"
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
-     showgrid="true"
-     inkscape:current-layer="svg3559">
+     showgrid="false"
+     inkscape:current-layer="svg3559"
+     inkscape:zoom="1.5214286"
+     inkscape:cx="128.82629"
+     inkscape:cy="-19.061033"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -38,17 +70,18 @@
        dotted="false"
        gridanglex="30"
        gridanglez="30"
-       visible="true" />
+       visible="false" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#f6f5f4;fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="fill:url(#linearGradient7-3);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
      width="230"
      height="140"
-     x="0.001"
-     ry="20"
-     rx="20"
-     id="rect3537"
-     y="0" />
+     x="-230.00101"
+     ry="19.740015"
+     rx="19.740015"
+     id="rect2-3"
+     y="0"
+     transform="scale(-1,1)" />
   <rect
      width="190.00075"
      height="10.000636"
@@ -57,7 +90,7 @@
      rx="5.0003181"
      ry="5.0003181"
      fill="#fff"
-     style="fill:#deddda;fill-opacity:1;stroke-width:1.84806"
+     style="fill:#241f31;fill-opacity:1;stroke-width:1.84806;opacity:0.2"
      id="rect3539" />
   <rect
      width="130.01204"
@@ -67,7 +100,7 @@
      rx="5.0003181"
      ry="5.0003181"
      fill="#fff"
-     style="fill:#3584e4;fill-opacity:1;stroke-width:1.84806"
+     style="fill:#241f31;fill-opacity:1;stroke-width:1.84806;opacity:0.5"
      id="rect3541" />
   <rect
      width="190.00075"
@@ -77,7 +110,7 @@
      rx="5.0003181"
      ry="5.0003181"
      fill="#fff"
-     style="fill:#deddda;fill-opacity:1;stroke-width:1.84806"
+     style="fill:#241f31;fill-opacity:1;stroke-width:1.84806;opacity:0.2"
      id="rect1" />
   <rect
      width="75.012131"
@@ -87,32 +120,20 @@
      rx="5.0003176"
      ry="5.0003181"
      fill="#fff"
-     style="fill:#3584e4;fill-opacity:1;stroke-width:1.84806"
+     style="fill:#241f31;fill-opacity:1;stroke-width:1.84806;opacity:0.5"
      id="rect2" />
   <ellipse
-     style="fill:#deddda;fill-opacity:1;stroke-width:3.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:3.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
      cx="85.25058"
      cy="100.00001"
      id="circle2"
      rx="19.749418"
      ry="19.999996" />
-  <circle
-     style="fill:#ffffff;fill-opacity:1;stroke-width:3.99998;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
-     cx="85"
-     cy="100"
-     r="14.999998"
-     id="circle3" />
   <ellipse
-     style="fill:#deddda;fill-opacity:1;stroke-width:3.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:3.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
      cx="150.25058"
      cy="40.000008"
      id="ellipse3"
      rx="19.749418"
      ry="19.999996" />
-  <circle
-     style="fill:#ffffff;fill-opacity:1;stroke-width:3.99998;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4"
-     cx="150"
-     cy="40"
-     r="14.999998"
-     id="circle4" />
 </svg>
diff --git a/source/img/tiles/controls-spinbuttons-dark.svg b/source/img/tiles/controls-spinbuttons-dark.svg
index 847aca3..5ccbd4e 100644
--- a/source/img/tiles/controls-spinbuttons-dark.svg
+++ b/source/img/tiles/controls-spinbuttons-dark.svg
@@ -5,7 +5,7 @@
    version="1.1"
    id="svg16"
    sodipodi:docname="controls-spinbuttons-dark.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -14,26 +14,26 @@
   <defs
      id="defs20">
     <linearGradient
-       id="linearGradient7"
+       inkscape:collect="always"
+       xlink:href="#linearGradient1-6-5"
+       id="linearGradient2-3-3"
+       x1="175"
+       y1="125"
+       x2="40"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1-6-5"
        inkscape:collect="always">
       <stop
-         style="stop-color:#a51d2d;stop-opacity:1;"
+         style="stop-color:#1a6f48;stop-opacity:1;"
          offset="0"
-         id="stop7" />
+         id="stop1-7-6" />
       <stop
-         style="stop-color:#c64600;stop-opacity:1"
+         style="stop-color:#2ec27e;stop-opacity:1"
          offset="1"
-         id="stop8" />
+         id="stop2-5-2" />
     </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient7"
-       id="linearGradient8"
-       x1="155"
-       y1="20"
-       x2="155"
-       y2="118.35278"
-       gradientUnits="userSpaceOnUse" />
   </defs>
   <sodipodi:namedview
      id="namedview18"
@@ -46,7 +46,15 @@
      showgrid="true"
      inkscape:current-layer="svg16"
      inkscape:showpageshadow="0"
-     inkscape:deskcolor="#505050">
+     inkscape:deskcolor="#505050"
+     inkscape:zoom="1.496935"
+     inkscape:cx="59.454819"
+     inkscape:cy="52.774502"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -65,23 +73,23 @@
        visible="true" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient8);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="font-variation-settings:normal;vector-effect:none;fill:url(#linearGradient2-3-3);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
      width="230"
      height="140"
      x="0.001"
-     ry="20"
-     rx="20"
-     id="rect2"
+     ry="20.210613"
+     rx="20.210613"
+     id="rect25350-3"
      y="0" />
   <rect
-     width="170.00677"
+     width="150.00677"
      height="50.00618"
-     x="30"
+     x="40"
      y="45"
-     rx="12.000007"
-     ry="12.000009"
+     rx="15"
+     ry="15"
      fill="#fff"
-     style="fill:#000000;fill-opacity:0.18534826;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none"
+     style="fill:#241f31;fill-opacity:1;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;opacity:0.6"
      id="rect4" />
   <g
      aria-label="5"
@@ -89,20 +97,13 @@
      style="font-weight:700;font-size:8.46667px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell Bold';letter-spacing:0;word-spacing:0;fill:#ffffff;stroke-width:0.264583"
      transform="matrix(3.77953,0,0,3.77953,-4510,-810)">
     <path
-       d="m 1206.8158,236.01567 c 1.4224,0 2.3622,-0.75354 2.3622,-1.96427 0,-1.10913 -0.7958,-1.76954 -2.1674,-1.76954 -0.3472,0 -0.5927,0.0423 -0.8298,0.13547 l 0.271,0.33867 0.076,-1.7526 h 2.3537 v -0.94827 h -3.3951 l -0.144,3.23427 c 0.3726,-0.0762 0.8467,-0.127 1.2108,-0.127 0.9398,0 1.4901,0.36407 1.4901,0.99907 0,0.57573 -0.4572,0.90593 -1.2192,0.90593 -0.508,0 -1.0668,-0.127 -1.4986,-0.34713 l -0.3048,0.85513 c 0.5503,0.28787 1.143,0.44027 1.7949,0.44027 z"
+       d="m 1211.5784,236.01567 c 1.4224,0 2.3622,-0.75354 2.3622,-1.96427 0,-1.10913 -0.7958,-1.76954 -2.1674,-1.76954 -0.3472,0 -0.5927,0.0423 -0.8298,0.13547 l 0.271,0.33867 0.076,-1.7526 h 2.3537 v -0.94827 h -3.3951 l -0.144,3.23427 c 0.3726,-0.0762 0.8467,-0.127 1.2108,-0.127 0.9398,0 1.4901,0.36407 1.4901,0.99907 0,0.57573 -0.4572,0.90593 -1.2192,0.90593 -0.508,0 -1.0668,-0.127 -1.4986,-0.34713 l -0.3048,0.85513 c 0.5503,0.28787 1.143,0.44027 1.7949,0.44027 z"
        id="path22"
        style="fill:#ffffff" />
   </g>
-  <g
-     id="path12"
-     style="fill:#ffffff">
-    <path
-       style="color:#000000;fill:#ffffff;-inkscape-stroke:none"
-       d="m 128.99512,62.001823 v 15.99875 m 8.00127,-8.001265 h -16.00253 m 62.00319,0 h -16.00253"
-       id="path6" />
-    <path
-       style="color:#000000;fill:#ffffff;-inkscape-stroke:none"
-       d="M 126.99609,62.001953 V 68 h -6.00195 v 4 h 6.00195 v 6 h 3.99805 v -6 h 6.00195 v -4 h -6.00195 V 62.001953 Z M 166.99414,68 v 4 h 16.00195 v -4 z"
-       id="path7" />
-  </g>
+  <path
+     style="color:#000000;fill:#ffffff;-inkscape-stroke:none"
+     d="M 120.99609,60.001953 V 68 h -8.00195 v 4 h 8.00195 v 8 h 3.99805 v -8 h 8.00195 v -4 h -8.00195 V 60.001953 Z M 150.99414,68 v 4 h 20.00195 v -4 z"
+     id="path7"
+     sodipodi:nodetypes="cccccccccccccccccc" />
 </svg>
diff --git a/source/img/tiles/controls-spinbuttons.svg b/source/img/tiles/controls-spinbuttons.svg
index 355b383..9a85408 100644
--- a/source/img/tiles/controls-spinbuttons.svg
+++ b/source/img/tiles/controls-spinbuttons.svg
@@ -5,7 +5,7 @@
    version="1.1"
    id="svg16"
    sodipodi:docname="controls-spinbuttons.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -14,42 +14,26 @@
   <defs
      id="defs20">
     <linearGradient
-       id="linearGradient1"
+       inkscape:collect="always"
+       xlink:href="#linearGradient1-6"
+       id="linearGradient2-3"
+       x1="175"
+       y1="125"
+       x2="40"
+       y2="25"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient1-6"
        inkscape:collect="always">
       <stop
-         style="stop-color:#f9f06b;stop-opacity:1"
+         style="stop-color:#33d17a;stop-opacity:1"
          offset="0"
-         id="stop1" />
-      <stop
-         style="stop-color:#e5a50a;stop-opacity:1"
-         offset="0.19048786"
-         id="stop6" />
-      <stop
-         style="stop-color:#e66100;stop-opacity:1"
-         offset="0.36035997"
-         id="stop5" />
-      <stop
-         style="stop-color:#e01b24;stop-opacity:1"
-         offset="0.60967606"
-         id="stop4" />
-      <stop
-         style="stop-color:#9141ac;stop-opacity:1"
-         offset="0.78175712"
-         id="stop3" />
+         id="stop1-7" />
       <stop
-         style="stop-color:#613583;stop-opacity:1"
+         style="stop-color:#8ff0a4;stop-opacity:1"
          offset="1"
-         id="stop2" />
+         id="stop2-5" />
     </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient1"
-       id="linearGradient2"
-       x1="15"
-       y1="125"
-       x2="220"
-       y2="10"
-       gradientUnits="userSpaceOnUse" />
   </defs>
   <sodipodi:namedview
      id="namedview18"
@@ -62,7 +46,15 @@
      showgrid="true"
      inkscape:current-layer="svg16"
      inkscape:showpageshadow="0"
-     inkscape:deskcolor="#505050">
+     inkscape:deskcolor="#505050"
+     inkscape:zoom="2.1516249"
+     inkscape:cx="143.14763"
+     inkscape:cy="69.249989"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -81,44 +73,37 @@
        visible="true" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="font-variation-settings:normal;vector-effect:none;fill:url(#linearGradient2-3);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
      width="230"
      height="140"
      x="0.001"
-     ry="20"
-     rx="20"
-     id="rect2"
+     ry="20.210613"
+     rx="20.210613"
+     id="rect25350"
      y="0" />
   <rect
-     width="170.00677"
+     width="150.00677"
      height="50.00618"
-     x="30"
+     x="40"
      y="45"
-     rx="12.000007"
-     ry="12.000009"
+     rx="15"
+     ry="15"
      fill="#fff"
-     style="fill:#ffffff;fill-opacity:0.26812434;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none"
+     style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;opacity:0.7"
      id="rect4" />
   <g
      aria-label="5"
      id="text10"
-     style="font-weight:700;font-size:8.46667px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell Bold';letter-spacing:0;word-spacing:0;fill:#3d3846;stroke-width:0.264583"
+     style="font-weight:700;font-size:8.46667px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell Bold';letter-spacing:0;word-spacing:0;fill:#241f31;stroke-width:0.264583"
      transform="matrix(3.77953,0,0,3.77953,-4510,-810)">
     <path
-       d="m 1206.8158,236.01567 c 1.4224,0 2.3622,-0.75354 2.3622,-1.96427 0,-1.10913 -0.7958,-1.76954 -2.1674,-1.76954 -0.3472,0 -0.5927,0.0423 -0.8298,0.13547 l 0.271,0.33867 0.076,-1.7526 h 2.3537 v -0.94827 h -3.3951 l -0.144,3.23427 c 0.3726,-0.0762 0.8467,-0.127 1.2108,-0.127 0.9398,0 1.4901,0.36407 1.4901,0.99907 0,0.57573 -0.4572,0.90593 -1.2192,0.90593 -0.508,0 -1.0668,-0.127 -1.4986,-0.34713 l -0.3048,0.85513 c 0.5503,0.28787 1.143,0.44027 1.7949,0.44027 z"
+       d="m 1211.5784,236.01567 c 1.4224,0 2.3622,-0.75354 2.3622,-1.96427 0,-1.10913 -0.7958,-1.76954 -2.1674,-1.76954 -0.3472,0 -0.5927,0.0423 -0.8298,0.13547 l 0.271,0.33867 0.076,-1.7526 h 2.3537 v -0.94827 h -3.3951 l -0.144,3.23427 c 0.3726,-0.0762 0.8467,-0.127 1.2108,-0.127 0.9398,0 1.4901,0.36407 1.4901,0.99907 0,0.57573 -0.4572,0.90593 -1.2192,0.90593 -0.508,0 -1.0668,-0.127 -1.4986,-0.34713 l -0.3048,0.85513 c 0.5503,0.28787 1.143,0.44027 1.7949,0.44027 z"
        id="path22"
-       style="fill:#3d3846" />
-  </g>
-  <g
-     id="path12"
-     style="fill:#3d3846">
-    <path
-       style="color:#000000;fill:#3d3846;-inkscape-stroke:none"
-       d="m 128.99512,62.001823 v 15.99875 m 8.00127,-8.001265 h -16.00253 m 62.00319,0 h -16.00253"
-       id="path6" />
-    <path
-       style="color:#000000;fill:#3d3846;-inkscape-stroke:none"
-       d="M 126.99609,62.001953 V 68 h -6.00195 v 4 h 6.00195 v 6 h 3.99805 v -6 h 6.00195 v -4 h -6.00195 V 62.001953 Z M 166.99414,68 v 4 h 16.00195 v -4 z"
-       id="path7" />
+       style="fill:#241f31" />
   </g>
+  <path
+     style="color:#000000;fill:#241f31;-inkscape-stroke:none"
+     d="M 120.99609,60.001953 V 68 h -8.00195 v 4 h 8.00195 v 8 h 3.99805 v -8 h 8.00195 v -4 h -8.00195 V 60.001953 Z M 150.99414,68 v 4 h 20.00195 v -4 z"
+     id="path7"
+     sodipodi:nodetypes="cccccccccccccccccc" />
 </svg>
diff --git a/source/img/tiles/controls-switches-dark.svg b/source/img/tiles/controls-switches-dark.svg
index 0e3bd60..86a763d 100644
--- a/source/img/tiles/controls-switches-dark.svg
+++ b/source/img/tiles/controls-switches-dark.svg
@@ -5,7 +5,7 @@
    version="1.1"
    id="svg5287"
    sodipodi:docname="controls-switches-dark.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -14,25 +14,25 @@
   <defs
      id="defs5291">
     <linearGradient
-       id="linearGradient1"
+       id="linearGradient3"
        inkscape:collect="always">
       <stop
-         style="stop-color:#682f7c;stop-opacity:1;"
+         style="stop-color:#1c71d8;stop-opacity:1"
          offset="0"
-         id="stop1" />
+         id="stop2" />
       <stop
-         style="stop-color:#613583;stop-opacity:1"
+         style="stop-color:#154d93;stop-opacity:1;"
          offset="1"
-         id="stop2" />
+         id="stop1" />
     </linearGradient>
     <linearGradient
        inkscape:collect="always"
-       xlink:href="#linearGradient1"
+       xlink:href="#linearGradient3"
        id="linearGradient2"
-       x1="165"
-       y1="130"
-       x2="165"
-       y2="20"
+       x1="18.582474"
+       y1="20.058662"
+       x2="225.31178"
+       y2="139.41388"
        gradientUnits="userSpaceOnUse" />
   </defs>
   <sodipodi:namedview
@@ -44,8 +44,16 @@
      inkscape:pageopacity="0"
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
-     showgrid="true"
-     inkscape:current-layer="svg5287">
+     showgrid="false"
+     inkscape:current-layer="svg5287"
+     inkscape:zoom="1.0758125"
+     inkscape:cx="174.75165"
+     inkscape:cy="-86.446294"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -61,16 +69,16 @@
        dotted="false"
        gridanglex="30"
        gridanglez="30"
-       visible="true" />
+       visible="false" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="fill:url(#linearGradient2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
      width="230"
      height="140"
      x="0.001"
      ry="20"
      rx="20"
-     id="rect5273"
+     id="rect7"
      y="0" />
   <rect
      width="90.001945"
@@ -80,7 +88,7 @@
      rx="22.499542"
      ry="22.499542"
      fill="#fff"
-     style="font-variation-settings:normal;vector-effect:none;fill:#3584e4;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
+     style="font-variation-settings:normal;vector-effect:none;fill:#62a0ea;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
      id="rect5275" />
   <circle
      style="fill:#ffffff;fill-opacity:1;stroke-width:0.999999;stroke-linecap:round;stroke-dashoffset:26.4"
@@ -96,11 +104,11 @@
      rx="22.499542"
      ry="22.499542"
      fill="#fff"
-     style="font-variation-settings:normal;vector-effect:none;fill:#3d3846;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
+     style="font-variation-settings:normal;vector-effect:none;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;opacity:0.45"
      id="rect1"
      transform="scale(-1,1)" />
   <circle
-     style="fill:#ffffff;fill-opacity:1;stroke-width:0.999999;stroke-linecap:round;stroke-dashoffset:26.4"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:0.999999;stroke-linecap:round;stroke-dashoffset:26.4;opacity:1"
      cx="-92.506218"
      cy="97.499527"
      r="17.499224"
diff --git a/source/img/tiles/controls-switches.svg b/source/img/tiles/controls-switches.svg
index d70e3c0..b8105d8 100644
--- a/source/img/tiles/controls-switches.svg
+++ b/source/img/tiles/controls-switches.svg
@@ -5,13 +5,36 @@
    version="1.1"
    id="svg5287"
    sodipodi:docname="controls-switches.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs5291" />
+     id="defs5291">
+    <linearGradient
+       id="linearGradient5"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#cbdff8;stop-opacity:1;"
+         offset="0"
+         id="stop2" />
+      <stop
+         style="stop-color:#99c1f1;stop-opacity:1"
+         offset="1"
+         id="stop1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5"
+       id="linearGradient2"
+       x1="18.582474"
+       y1="20.058662"
+       x2="225.31178"
+       y2="139.41388"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
   <sodipodi:namedview
      id="namedview5289"
      pagecolor="#505050"
@@ -21,8 +44,16 @@
      inkscape:pageopacity="0"
      inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#505050"
-     showgrid="true"
-     inkscape:current-layer="svg5287">
+     showgrid="false"
+     inkscape:current-layer="svg5287"
+     inkscape:zoom="1.0758125"
+     inkscape:cx="174.75164"
+     inkscape:cy="-86.446291"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -38,16 +69,16 @@
        dotted="false"
        gridanglex="30"
        gridanglez="30"
-       visible="true" />
+       visible="false" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#99c1f1;fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="fill:url(#linearGradient2);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-dashoffset:26.4"
      width="230"
      height="140"
      x="0.001"
      ry="20"
      rx="20"
-     id="rect5273"
+     id="rect7"
      y="0" />
   <rect
      width="90.001945"
@@ -57,7 +88,7 @@
      rx="22.499542"
      ry="22.499542"
      fill="#fff"
-     style="font-variation-settings:normal;vector-effect:none;fill:#3584e4;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
+     style="font-variation-settings:normal;vector-effect:none;fill:#62a0ea;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
      id="rect5275" />
   <circle
      style="fill:#ffffff;fill-opacity:1;stroke-width:0.999999;stroke-linecap:round;stroke-dashoffset:26.4"
@@ -73,11 +104,11 @@
      rx="22.499542"
      ry="22.499542"
      fill="#fff"
-     style="font-variation-settings:normal;vector-effect:none;fill:#9a9996;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
+     style="font-variation-settings:normal;vector-effect:none;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;opacity:0.3"
      id="rect1"
      transform="scale(-1,1)" />
   <circle
-     style="fill:#ffffff;fill-opacity:1;stroke-width:0.999999;stroke-linecap:round;stroke-dashoffset:26.4"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:0.999999;stroke-linecap:round;stroke-dashoffset:26.4;opacity:1"
      cx="-92.506218"
      cy="97.499527"
      r="17.499224"
diff --git a/source/img/tiles/controls-textfields-dark.svg b/source/img/tiles/controls-textfields-dark.svg
index d49853a..c98f566 100644
--- a/source/img/tiles/controls-textfields-dark.svg
+++ b/source/img/tiles/controls-textfields-dark.svg
@@ -5,13 +5,36 @@
    version="1.1"
    id="svg16"
    sodipodi:docname="controls-textfields-dark.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs20" />
+     id="defs20">
+    <linearGradient
+       id="linearGradient5"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#5e5c64;stop-opacity:1"
+         offset="0"
+         id="stop5" />
+      <stop
+         style="stop-color:#3d3846;stop-opacity:1"
+         offset="1"
+         id="stop6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5"
+       id="linearGradient6"
+       x1="0.001"
+       y1="70"
+       x2="230.001"
+       y2="70"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
   <sodipodi:namedview
      id="namedview18"
      pagecolor="#505050"
@@ -23,7 +46,15 @@
      showgrid="true"
      inkscape:current-layer="svg16"
      inkscape:showpageshadow="0"
-     inkscape:deskcolor="#505050">
+     inkscape:deskcolor="#505050"
+     inkscape:zoom="2.1516249"
+     inkscape:cx="105.0369"
+     inkscape:cy="104.10737"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -42,7 +73,7 @@
        visible="true" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#3d3846;fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient6);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
      width="230"
      height="140"
      x="0.001"
@@ -51,47 +82,52 @@
      id="rect2"
      y="0" />
   <g
-     transform="matrix(8.5674392,0,0,8.5674392,-9133.5454,-1500.6308)"
+     transform="matrix(8.5674392,0,0,8.5674392,-9133.5454,-1495.4602)"
      id="g14"
-     style="fill:#deddda;stroke-width:0.441151">
+     style="fill:#241f31;stroke-width:0.441151">
     <g
        aria-label="A"
        id="text8"
-       style="font-weight:700;font-size:8.46667px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell Bold';letter-spacing:0;word-spacing:0;fill:#deddda;stroke-width:0.116721">
+       style="font-weight:700;font-size:8.46667px;line-height:1.25;font-family:Cantarell;-inkscape-font-specification:'Cantarell Bold';letter-spacing:0;word-spacing:0;fill:#241f31;stroke-width:0.116721">
       <path
          d="m 1075.0786,185.66 h 1.1599 l 1.7357,-5.3086 h -0.2371 l 1.7187,5.3086 h 1.2108 l -2.0405,-5.87587 h -1.397 z m 1.38,-1.46473 h 2.811 l -0.1524,-0.97367 h -2.5062 z"
          id="path22"
          style="fill:#deddda;stroke-width:0.116721" />
     </g>
     <g
-       style="fill:#deddda;stroke:#d1e3f9;stroke-width:0.293839;stroke-opacity:1"
+       style="fill:#241f31;stroke:#d1e3f9;stroke-width:0.293839;stroke-opacity:1"
        id="g12" />
   </g>
-  <rect
-     style="fill:#9a9996;fill-opacity:1;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
-     id="rect1"
-     width="15"
-     height="5"
-     x="125.00001"
-     y="35"
-     rx="2.5"
-     ry="2.5" />
-  <rect
-     style="fill:#9a9996;fill-opacity:1;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
-     id="rect3"
-     width="15"
-     height="5"
-     x="125.00001"
-     y="110"
-     rx="2.5"
-     ry="2.5" />
-  <rect
-     style="fill:#9a9996;fill-opacity:1;stroke-width:5.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
-     id="rect4"
-     width="5"
-     height="80"
-     x="130.00002"
-     y="35"
-     rx="2.5"
-     ry="2.5" />
+  <g
+     id="g6"
+     style="fill:#9a9996"
+     transform="translate(0,5)">
+    <rect
+       style="fill:#9a9996;fill-opacity:1;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
+       id="rect1"
+       width="15"
+       height="5"
+       x="130"
+       y="35"
+       rx="2.5"
+       ry="2.5" />
+    <rect
+       style="fill:#9a9996;fill-opacity:1;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
+       id="rect3"
+       width="15"
+       height="5"
+       x="130"
+       y="90"
+       rx="2.5"
+       ry="2.5" />
+    <rect
+       style="fill:#9a9996;fill-opacity:1;stroke-width:5.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
+       id="rect4"
+       width="5"
+       height="60"
+       x="135.00002"
+       y="35"
+       rx="2.34375"
+       ry="2.5" />
+  </g>
 </svg>
diff --git a/source/img/tiles/controls-textfields.svg b/source/img/tiles/controls-textfields.svg
index 4d7b2fb..ffc422a 100644
--- a/source/img/tiles/controls-textfields.svg
+++ b/source/img/tiles/controls-textfields.svg
@@ -5,13 +5,36 @@
    version="1.1"
    id="svg16"
    sodipodi:docname="controls-textfields.svg"
-   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs20" />
+     id="defs20">
+    <linearGradient
+       id="linearGradient5"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#f6f5f4;stop-opacity:1"
+         offset="0"
+         id="stop5" />
+      <stop
+         style="stop-color:#deddda;stop-opacity:1"
+         offset="1"
+         id="stop6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5"
+       id="linearGradient6"
+       x1="0.001"
+       y1="70"
+       x2="230.001"
+       y2="70"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
   <sodipodi:namedview
      id="namedview18"
      pagecolor="#505050"
@@ -23,7 +46,15 @@
      showgrid="true"
      inkscape:current-layer="svg16"
      inkscape:showpageshadow="0"
-     inkscape:deskcolor="#505050">
+     inkscape:deskcolor="#505050"
+     inkscape:zoom="5.8242268"
+     inkscape:cx="105.93681"
+     inkscape:cy="90.14072"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
     <inkscape:grid
        id="grid1"
        units="px"
@@ -42,7 +73,7 @@
        visible="true" />
   </sodipodi:namedview>
   <rect
-     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#deddda;fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient6);fill-opacity:1;stroke:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:26.4;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
      width="230"
      height="140"
      x="0.001"
@@ -51,7 +82,7 @@
      id="rect2"
      y="0" />
   <g
-     transform="matrix(8.5674392,0,0,8.5674392,-9133.5454,-1500.6308)"
+     transform="matrix(8.5674392,0,0,8.5674392,-9133.5454,-1495.4602)"
      id="g14"
      style="fill:#241f31;stroke-width:0.441151">
     <g
@@ -61,37 +92,41 @@
       <path
          d="m 1075.0786,185.66 h 1.1599 l 1.7357,-5.3086 h -0.2371 l 1.7187,5.3086 h 1.2108 l -2.0405,-5.87587 h -1.397 z m 1.38,-1.46473 h 2.811 l -0.1524,-0.97367 h -2.5062 z"
          id="path22"
-         style="fill:#241f31;stroke-width:0.116721" />
+         style="fill:#241f31;stroke-width:0.116721;opacity:0.8" />
     </g>
     <g
        style="fill:#241f31;stroke:#d1e3f9;stroke-width:0.293839;stroke-opacity:1"
        id="g12" />
   </g>
-  <rect
-     style="fill:#5e5c64;fill-opacity:1;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
-     id="rect1"
-     width="15"
-     height="5"
-     x="125.00001"
-     y="35"
-     rx="2.5"
-     ry="2.5" />
-  <rect
-     style="fill:#5e5c64;fill-opacity:1;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
-     id="rect3"
-     width="15"
-     height="5"
-     x="125.00001"
-     y="110"
-     rx="2.5"
-     ry="2.5" />
-  <rect
-     style="fill:#5e5c64;fill-opacity:1;stroke-width:5.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
-     id="rect4"
-     width="5"
-     height="80"
-     x="130.00002"
-     y="35"
-     rx="2.5"
-     ry="2.5" />
+  <g
+     id="g1"
+     style="fill:#77767b">
+    <rect
+       style="fill:#77767b;fill-opacity:1;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
+       id="rect1"
+       width="15"
+       height="5"
+       x="130"
+       y="40"
+       rx="2.5"
+       ry="2.5" />
+    <rect
+       style="fill:#77767b;fill-opacity:1;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
+       id="rect3"
+       width="15"
+       height="5"
+       x="130"
+       y="95"
+       rx="2.5"
+       ry="2.5" />
+    <rect
+       style="fill:#77767b;fill-opacity:1;stroke-width:5.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:26.4;paint-order:markers stroke fill"
+       id="rect4"
+       width="5"
+       height="60"
+       x="135.00002"
+       y="40"
+       rx="2.34375"
+       ry="2.5" />
+  </g>
 </svg>
-- 
GitLab