<div id="dice-tower-controls">
    <div style="text-align: center;">
        <label for="theme">Theme </label>
        <select name="theme" id="theme" style="margin: 0 25px"></select>
    </div>
    <div style="display: flex; flex-direction: row; justify-content: space-between; align-items: baseline">
        <div style="flex-grow: 1; padding: 0 10px">
            <color-picker id="faceColor" name="Face" value="#8d8981"></color-picker>
        </div>
        <div style="flex-grow: 1; padding: 10px 0">
            <color-picker id="numberColor" name="Numbers" value="black"></color-picker>
        </div>
    </div>
    <div id="dice-box">
        <div id="app"></div>
    </div>

    <button style="height: 25px" id="preview">Preview <i class="fa-solid fa-magnifying-glass"></i></button>
    <button style="height: 25px" id="save">Save <i class="fa-solid fa-floppy-disk"></i></button>
</div>`
