krosh/zmk-sofle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Draw] fix help layers. add some in game layout

Browse Source
This commit is contained in:
keymap-editor[bot]
2025-12-30 00:36:36 +00:00
committed by github-actions[bot]
parent 67f83e36bd
commit fb4856acdf
2 changed files with 189 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files
keymap-drawer/eyelash_sofle.svg
+153 -144
View File
@@ -42,6 +42,9 @@
<svg id="mdi:bluetooth-off">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bluetooth-off" viewBox="0 0 24 24"><path d="M13,5.83L14.88,7.71L13.28,9.31L14.69,10.72L17.71,7.7L12,2H11V7.03L13,9.03M5.41,4L4,5.41L10.59,12L5,17.59L6.41,19L11,14.41V22H12L16.29,17.71L18.59,20L20,18.59M13,18.17V14.41L14.88,16.29" /></svg>
</svg>
<svg id="mdi:brightness-7">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-7" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69Z" /></svg>
</svg>
<svg id="mdi:keyboard-esc">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-esc" viewBox="0 0 24 24"><path d="M1 7H7V9H3V11H7V13H3V15H7V17H1V7M11 7H15V9H11V11H13C14.11 11 15 11.9 15 13V15C15 16.11 14.11 17 13 17H9V15H13V13H11C9.9 13 9 12.11 9 11V9C9 7.9 9.9 7 11 7M19 7H21C22.11 7 23 7.9 23 9V10H21V9H19V15H21V14H23V15C23 16.11 22.11 17 21 17H19C17.9 17 17 16.11 17 15V9C17 7.9 17.9 7 19 7Z" /></svg>
</svg>
@@ -776,25 +779,25 @@ rect.held, rect.combo.held {
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(84, 112)" class="key trans keypos-14">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(84, 112)" class="key none keypos-14">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(140, 91)" class="key trans keypos-15">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(140, 91)" class="key none keypos-15">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(196, 84)" class="key keypos-16">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:arrow-up-bold" xlink:href="#mdi:arrow-up-bold" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:arrow-up-bold"/>
</g>
<g transform="translate(252, 91)" class="key trans keypos-17">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(252, 91)" class="key none keypos-17">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(308, 91)" class="key keypos-18">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
@@ -838,20 +841,20 @@ rect.held, rect.combo.held {
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:pan-down" xlink:href="#mdi:pan-down" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:pan-down"/>
</g>
<g transform="translate(896, 112)" class="key trans keypos-25">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(896, 112)" class="key none keypos-25">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(28, 168)" class="key trans keypos-26">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(84, 168)" class="key trans keypos-27">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(84, 168)" class="key none keypos-27">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(140, 147)" class="key keypos-28">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
@@ -910,20 +913,20 @@ rect.held, rect.combo.held {
<tspan x="0" dy="-0.6em">&amp;mkp</tspan><tspan x="0" dy="1.2em">MB3</tspan>
</text>
</g>
<g transform="translate(896, 168)" class="key trans keypos-38">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(896, 168)" class="key none keypos-38">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(28, 224)" class="key trans keypos-39">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(84, 224)" class="key trans keypos-40">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(84, 224)" class="key none keypos-40">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(140, 203)" class="key keypos-41">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
@@ -940,45 +943,45 @@ rect.held, rect.combo.held {
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:skip-next" xlink:href="#mdi:skip-next" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:skip-next"/>
</g>
<g transform="translate(308, 203)" class="key trans keypos-44">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(308, 203)" class="key none keypos-44">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(518, 91)" class="key trans keypos-45">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(616, 203)" class="key trans keypos-46">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(616, 203)" class="key none keypos-46">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(672, 203)" class="key trans keypos-47">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(672, 203)" class="key none keypos-47">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(728, 196)" class="key trans keypos-48">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(728, 196)" class="key none keypos-48">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(784, 203)" class="key trans keypos-49">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(784, 203)" class="key none keypos-49">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(840, 224)" class="key keypos-50">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:pan-up" xlink:href="#mdi:pan-up" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:pan-up"/>
</g>
<g transform="translate(896, 224)" class="key trans keypos-51">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(896, 224)" class="key none keypos-51">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(392, 217)" class="key keypos-52">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
@@ -1191,30 +1194,30 @@ rect.held, rect.combo.held {
<text x="0" y="-4" class="key tap">=</text>
<text x="0" y="-24" class="key shifted">+</text>
</g>
<g transform="translate(672, 91)" class="key trans keypos-21">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(672, 91)" class="key none keypos-21">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(728, 84)" class="key keypos-22">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:arrow-up-bold" xlink:href="#mdi:arrow-up-bold" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:arrow-up-bold"/>
</g>
<g transform="translate(784, 91)" class="key trans keypos-23">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(784, 91)" class="key none keypos-23">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(840, 112)" class="key trans keypos-24">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(840, 112)" class="key none keypos-24">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(896, 112)" class="key trans keypos-25">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(896, 112)" class="key none keypos-25">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(28, 168)" class="key trans keypos-26">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
@@ -1278,15 +1281,15 @@ rect.held, rect.combo.held {
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:arrow-right-bold" xlink:href="#mdi:arrow-right-bold" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:arrow-right-bold"/>
</g>
<g transform="translate(840, 168)" class="key trans keypos-37">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(840, 168)" class="key none keypos-37">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(896, 168)" class="key trans keypos-38">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(896, 168)" class="key none keypos-38">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(28, 224)" class="key trans keypos-39">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
@@ -1298,35 +1301,35 @@ rect.held, rect.combo.held {
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:pan-up" xlink:href="#mdi:pan-up" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:pan-up"/>
</g>
<g transform="translate(140, 203)" class="key trans keypos-41">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(140, 203)" class="key none keypos-41">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(196, 196)" class="key trans keypos-42">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(196, 196)" class="key none keypos-42">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(252, 203)" class="key trans keypos-43">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(252, 203)" class="key none keypos-43">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(308, 203)" class="key trans keypos-44">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(308, 203)" class="key none keypos-44">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(518, 91)" class="key trans keypos-45">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(616, 203)" class="key trans keypos-46">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(616, 203)" class="key none keypos-46">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(672, 203)" class="key keypos-47">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
@@ -1343,15 +1346,15 @@ rect.held, rect.combo.held {
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:skip-next" xlink:href="#mdi:skip-next" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:skip-next"/>
</g>
<g transform="translate(840, 224)" class="key trans keypos-50">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(840, 224)" class="key none keypos-50">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(896, 224)" class="key trans keypos-51">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
<g transform="translate(896, 224)" class="key none keypos-51">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
</g>
<g transform="translate(392, 217)" class="key keypos-52">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
@@ -1480,35 +1483,37 @@ rect.held, rect.combo.held {
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">5</text>
</g>
<g transform="translate(462, 35)" class="key none keypos-6">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
<g transform="translate(462, 35)" class="key keypos-6">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">BRI</tspan><tspan x="0" dy="1.2em">INC</tspan>
</text>
</g>
<g transform="translate(616, 35)" class="key none keypos-7">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
<g transform="translate(616, 35)" class="key keypos-7">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">6</text>
</g>
<g transform="translate(672, 35)" class="key none keypos-8">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
<g transform="translate(672, 35)" class="key keypos-8">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">7</text>
</g>
<g transform="translate(728, 28)" class="key none keypos-9">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
<g transform="translate(728, 28)" class="key keypos-9">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">8</text>
</g>
<g transform="translate(784, 35)" class="key none keypos-10">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
<g transform="translate(784, 35)" class="key keypos-10">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">9</text>
</g>
<g transform="translate(840, 56)" class="key none keypos-11">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
<g transform="translate(840, 56)" class="key keypos-11">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">0</text>
</g>
<g transform="translate(896, 56)" class="key none keypos-12">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
@@ -1547,10 +1552,10 @@ rect.held, rect.combo.held {
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">R</text>
</g>
<g transform="translate(462, 147)" class="key none keypos-19">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
<g transform="translate(462, 147)" class="key keypos-19">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:brightness-7" xlink:href="#mdi:brightness-7" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:brightness-7"/>
</g>
<g transform="translate(616, 91)" class="key none keypos-20">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
@@ -1619,10 +1624,12 @@ rect.held, rect.combo.held {
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F</text>
</g>
<g transform="translate(406, 91)" class="key none keypos-32">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
<g transform="translate(406, 91)" class="key keypos-32">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">RGB</tspan><tspan x="0" dy="1.2em">BRD</tspan>
</text>
</g>
<g transform="translate(616, 147)" class="key keypos-33">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
@@ -1691,10 +1698,12 @@ rect.held, rect.combo.held {
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">V</text>
</g>
<g transform="translate(518, 91)" class="key none keypos-45">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
<g transform="translate(518, 91)" class="key keypos-45">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">RGB</tspan><tspan x="0" dy="1.2em">BRI</tspan>
</text>
</g>
<g transform="translate(616, 203)" class="key none keypos-46">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
@@ -1756,10 +1765,10 @@ rect.held, rect.combo.held {
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key enter"/>
<use href="#mdi:keyboard-return" xlink:href="#mdi:keyboard-return" x="-9" y="-13" height="18" width="18.0" class="key enter tap glyph mdi:keyboard-return"/>
</g>
<g transform="translate(462, 91)" class="key none keypos-58">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key none side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key none"/>
<use href="#mdi:minus-circle-outline" xlink:href="#mdi:minus-circle-outline" x="-9" y="-13" height="18" width="18.0" class="key none tap glyph mdi:minus-circle-outline"/>
<g transform="translate(462, 91)" class="key keypos-58">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:play-pause" xlink:href="#mdi:play-pause" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:play-pause"/>
</g>
<g transform="translate(535, 294) rotate(-30.0)" class="key keypos-59">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 128 KiB

After

Width:  |  Height:  |  Size: 129 KiB