inav-configurator/tabs/led_strip.html

<div class="tab-led-strip toolbar_fixed_bottom">
    <div class="content_wrapper">
        <div class="tab_title" i18n="tabLedStrip"></div>
        <div class="cf_doc_version_bt">
            <a id="button-documentation" href="https://github.com/cleanflight/cleanflight/releases" target="_blank"></a>
        </div>
        <div class="note spacebottom">
            <div class="note_spacer">
                <p i18n="ledStripHelp"></p>
            </div>
        </div>
        <div class="mainGrid"></div>
        <div class="gridSections">
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
            <div class="block"></div>
        </div>
        <div class="controls">
            <div class="wires-remaining">
                <div></div>
                Remaining
            </div>
            <button class="funcClear">Clear selected</button>
            <button class="funcClearAll">Clear ALL</button>

            <div class="section">LED Functions</div>
            <div class="functions">
                <button class="function-w w50">Warnings</button>
                <button class="function-f w50">Modes &amp; Orientation</button>
                <button class="function-i w50">Indicator</button>
                <button class="function-a w50">Arm State</button>
                <button class="function-t w50">Throttle</button>
                <button class="function-r w50">Ring</button>
                <button class="function-c w50">Color</button>
            </div>

            <div class="section">LED Orientation and Color</div>
            <div class="directions">
                <button class="dir-n">N</button>
                <button class="dir-e">E</button>
                <button class="dir-s">S</button>
                <button class="dir-w">W</button>
                <button class="dir-u">U</button>
                <button class="dir-d">D</button>
            </div>
            <div class="colors">
                <button class="color-0" title="black">0</button>
                <button class="color-1" title="white">1</button>
                <button class="color-2" title="red">2</button>
                <button class="color-3" title="orange">3</button>
                <button class="color-4" title="yellow">4</button>
                <button class="color-5" title="lime green">5</button>
                <button class="color-6" title="green">6</button>
                <button class="color-7" title="mint green">7</button>
                <button class="color-8" title="cyan">8</button>
                <button class="color-9" title="light blue">9</button>
                <button class="color-10" title="blue">10</button>
                <button class="color-11" title="dark violet">11</button>
                <button class="color-12" title="magenta">12</button>
                <button class="color-13" title="deep pink">13</button>
                <button class="color-14" title="black">14</button>
                <button class="color-15" title="black">15</button>
            </div>


            <div class="section">LED Strip Wiring</div>
            <div class="wiringMode">
                <button class="funcWire w100">Wire Ordering Mode</button>
            </div>
            <div class="wiringControls">
                <button class="funcWireClearSelect w50">Clear selected</button>
                <button class="funcWireClear w50">Clear ALL Wiring</button>
            </div>
            <p>LEDs without wire ordering number will not be saved.</p>
        </div>
        <div class="clear-both"></div>
    </div>
    <div class="content_toolbar">
        <div class="btn save_btn">
            <a class="save" href="#" i18n="ledStripButtonSave"></a>
        </div>
    </div>
</div>