diff --git a/render/ui/button-off.png b/render/ui/button-off.png
index 77fbe38..57e3caf 100644
Binary files a/render/ui/button-off.png and b/render/ui/button-off.png differ
diff --git a/render/ui/button-on.png b/render/ui/button-on.png
index 287c1db..3c511ee 100644
Binary files a/render/ui/button-on.png and b/render/ui/button-on.png differ
diff --git a/sources/ui/button.svg b/sources/ui/button.svg
index 5a3ea7e..43a4958 100644
--- a/sources/ui/button.svg
+++ b/sources/ui/button.svg
@@ -8,13 +8,14 @@
    version="1.1"
    inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
    sodipodi:docname="button.svg"
-   inkscape:export-filename="../sprite2.png"
+   inkscape:export-filename="../spriteb.png"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    viewBox="0 0 512 138.80988"
    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"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
@@ -343,22 +344,44 @@
        y="-229.29628"
        width="650.82922"
        height="350.39066"
-       id="rect59-8-9-6-5-4-4-7-9-6" /></defs><sodipodi:namedview
+       id="rect59-8-9-6-5-4-4-7-9-6" /><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient11"
+       id="linearGradient33"
+       x1="81.389351"
+       y1="1130.9496"
+       x2="111.53397"
+       y2="1138.8252"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(16.758341,0,0,16.758341,-1360.5374,-17970.468)" /><linearGradient
+       id="linearGradient11"
+       inkscape:collect="always"><stop
+         style="stop-color:#282828;stop-opacity:1;"
+         offset="0"
+         id="stop11" /><stop
+         style="stop-color:#171717;stop-opacity:1;"
+         offset="1"
+         id="stop20" /></linearGradient><rect
+       x="80.678627"
+       y="-189.07277"
+       width="23.668776"
+       height="5.5853186"
+       id="rect6-1-9" /></defs><sodipodi:namedview
      id="base"
      pagecolor="#1a1a1a"
      bordercolor="#666666"
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="0.55112738"
-     inkscape:cx="283.05616"
-     inkscape:cy="-191.4258"
+     inkscape:zoom="1.613456"
+     inkscape:cx="153.70732"
+     inkscape:cy="35.017999"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="false"
      inkscape:window-width="1280"
      inkscape:window-height="1384"
-     inkscape:window-x="1280"
+     inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="0"
      inkscape:showpageshadow="true"
@@ -395,28 +418,34 @@
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-3.2029419e-6,-978.95723)"><path
-       id="rect1-5"
-       style="fill:none;fill-opacity:1;stroke:#666666;stroke-width:25.0306;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-       d="m 44.374849,991.47253 -31.859546,31.85697 v 50.0628 l 31.859546,31.8595 H 467.62757 l 31.85713,-31.8595 v -50.0628 l -31.85713,-31.85697 z" /><path
-       id="rect1-5-2"
-       style="fill:#202020;fill-opacity:1;stroke:#2f2f2f;stroke-width:18.2044;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-       d="m 44.374849,991.47253 -31.859545,31.85697 v 50.0628 l 31.859545,31.8595 H 467.62757 l 31.85713,-31.8595 v -50.0628 l -31.85713,-31.85697 z" /><rect
-       style="fill:#acd654;fill-opacity:1;stroke:none;stroke-width:15.2257;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-       id="rect14-5-9-1"
-       width="12.143223"
-       height="95.628647"
-       x="455.48434"
-       y="1000.5479" /><rect
-       style="fill:#acd654;fill-opacity:1;stroke:none;stroke-width:15.2257;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-       id="rect14-5-9-1-2"
-       width="12.143223"
-       height="95.628647"
-       x="44.374847"
-       y="1000.5479" /><rect
+     transform="translate(-3.2029419e-6,-978.95723)"><rect
        style="fill:#acd654;fill-opacity:1;stroke:none;stroke-width:15.2257;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
        id="rect14-5-9-1-2-2"
        width="12.143223"
        height="95.628647"
        x="96.122086"
-       y="782.45697" /></g></svg>
+       y="782.45697" /><rect
+       style="fill:#343b24;fill-opacity:1;stroke:none;stroke-width:15.2257;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="rect14-5-9-1-2-2-1"
+       width="12.143223"
+       height="95.628647"
+       x="172"
+       y="776.95721" /><path
+       id="rect1-5-3"
+       style="fill:none;fill-opacity:1;stroke:#666666;stroke-width:25.0306;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="m 44.374849,991.47253 -31.859611,31.85597 v 50.0638 l 31.859611,31.8593 H 467.62752 l 31.85711,-31.8593 v -50.0638 l -31.85709,-31.85597 z" /><path
+       id="rect1-5-2-5"
+       style="fill:url(#linearGradient33);fill-opacity:1;stroke:#2f2f2f;stroke-width:18.2045;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="m 44.374849,991.47253 -31.859611,31.85597 v 50.0638 l 31.859611,31.8593 H 467.62752 l 31.85711,-31.8593 v -50.0638 l -31.85709,-31.85597 z" /><rect
+       style="fill:#343b24;fill-opacity:1;stroke:none;stroke-width:15.2257;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="rect14-5-9-1-6"
+       width="12.143221"
+       height="95.628632"
+       x="455.48434"
+       y="1000.5469" /><rect
+       style="fill:#343b24;fill-opacity:1;stroke:none;stroke-width:15.2257;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="rect14-5-9-1-2-29"
+       width="12.143221"
+       height="95.628632"
+       x="44.374928"
+       y="1000.5469" /></g></svg>