Revision control
++ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
++ <svg
++ version="1.1"
++ width="165"
++ height="230"
++ xmlns="http://www.w3.org/2000/svg"
++ xmlns:svg="http://www.w3.org/2000/svg">
++
++ <style>
++ svg .box-style { stroke: black; fill: white }
++ svg .highlighted-style { stroke: black; fill: #c0ffc0 }
++ svg .fill-style { stroke: none; fill: black }
++ svg .line-style { stroke: black; fill: none }
++ svg .text-style { font: 20px arial; fill: black }
++ svg .high-text-style { font: 20px arial; fill: black }
++ svg .faded-text-style { font: 20px arial; fill: #808080 }
++
++ svg.dark .box-style { stroke: #f2f2f2; fill: black }
++ svg.dark .highlighted-style { stroke: #f2f2f2; fill: #c0ffc0 }
++ svg.dark .fill-style { stroke: none; fill: #f2f2f2 }
++ svg.dark .line-style { stroke: #f2f2f2; fill: none }
++ svg.dark .text-style { font: 20px arial; fill: #f2f2f2 }
++ svg.dark .high-text-style { font: 20px arial; fill: black }
++ svg.dark .faded-text-style { font: 20px arial; fill: #808080 }
++
++ [data-theme="dark"] svg .box-style { stroke: #f2f2f2; fill: black }
++ [data-theme="dark"] svg .highlighted-style { stroke: #f2f2f2; fill: #c0ffc0 }
++ [data-theme="dark"] svg .fill-style { stroke: none; fill: #f2f2f2 }
++ [data-theme="dark"] svg .line-style { stroke: #f2f2f2; fill: none }
++ [data-theme="dark"] svg .text-style { font: 20px arial; fill: #f2f2f2 }
++ [data-theme="dark"] svg .high-text-style { font: 20px arial; fill: black }
++ [data-theme="dark"] svg .faded-text-style { font: 20px arial; fill: #808080 }
++
++ [data-theme="light"] svg .box-style { stroke: black; fill: white }
++ [data-theme="light"] svg .highlighted-style { stroke: black; fill: #c0ffc0 }
++ [data-theme="light"] svg .fill-style { stroke: none; fill: black }
++ [data-theme="light"] svg .line-style { stroke: black; fill: none }
++ [data-theme="light"] svg .text-style { font: 20px arial; fill: black }
++ [data-theme="light"] svg .high-text-style { font: 20px arial; fill: black }
++ [data-theme="light"] svg .faded-text-style { font: 20px arial; fill: #808080 }
++ </style>
++
++ <path d="m 10.5,190.5 h 30 v 30 h -30 z" class="box-style"
++ stroke-dasharray="5, 5" />
++ <path d="m 125.5,190.5 h 30 v 30 h -30 z" class="box-style"
++ stroke-dasharray="5, 5" />
++ <path d="m 10.5,10.5 h 30 v 30 h -30 z" class="box-style" />
++ <text x="20" y="32" font-family="arial" font-size="20px" class="text-style">0</text>
++ <path d="m 10.5,40.5 h 30 v 30 h -30 z" class="box-style" />
++ <text x="20" y="62" font-family="arial" font-size="20px" class="text-style">1</text>
++ <path d="m 10.5,70.5 h 30 v 30 h -30 z" class="box-style" />
++ <text x="20" y="92" font-family="arial" font-size="20px" class="text-style">2</text>
++ <path d="m 10.5,100.5 h 30 v 30 h -30 z" class="box-style" />
++ <text x="20" y="122" font-family="arial" font-size="20px" class="text-style">3</text>
++ <path d="m 10.5,130.5 h 30 v 30 h -30 z" class="box-style" />
++ <text x="20" y="152" font-family="arial" font-size="20px" class="text-style">4</text>
++ <path d="m 10.5,160.5 h 30 v 30 h -30 z" class="box-style" />
++ <text x="20" y="182" font-family="arial" font-size="20px" class="text-style">5</text>
++
++ <path d="m 68.5,70.5 h 30 v 30 h -30 z" class="highlighted-style" />
++ <text x="77" y="92" font-family="arial" font-size="20px" class="high-text-style">2</text>
++ <path d="m 68.5,100.5 h 30 v 30 h -30 z" class="highlighted-style" />
++ <text x="77" y="122" font-family="arial" font-size="20px" class="high-text-style">3</text>
++ <path d="m 68.5,130.5 h 30 v 30 h -30 z" class="highlighted-style" />
++ <text x="77" y="152" font-family="arial" font-size="20px" class="high-text-style">4</text>
++
++ <path d="m 125.5,10.5 h 30 v 30 h -30 z" class="box-style" />
++ <text x="135" y="32" font-family="arial" font-size="20px" class="text-style">0</text>
++ <path d="m 125.5,40.5 h 30 v 30 h -30 z" class="box-style" />
++ <text x="135" y="62" font-family="arial" font-size="20px" class="text-style">1</text>
++ <path d="m 125.5,70.5 h 30 v 30 h -30 z" class="highlighted-style" />
++ <text x="135" y="92" font-family="arial" font-size="20px" class="high-text-style">2</text>
++ <path d="m 125.5,100.5 h 30 v 30 h -30 z" class="highlighted-style" />
++ <text x="135" y="122" font-family="arial" font-size="20px" class="high-text-style">3</text>
++ <path d="m 125.5,130.5 h 30 v 30 h -30 z" class="highlighted-style" />
++ <text x="135" y="152" font-family="arial" font-size="20px" class="high-text-style">4</text>
++ <path d="m 125.5,160.5 h 30 v 30 h -30 z" class="box-style" />
++ <text x="135" y="182" font-family="arial" font-size="20px" fill="#808080" class="faded-text-style">2</text>
++
++ <path d="m 65.5,70.5 h -20" class="line-style" />
++ <path d="M 42.5,70.5 l 10,-5 l 0,10 z" class="fill-style" />
++ </svg>