dialogue-colorizer.html

<div id="xdc-extension-settings" class="xdc-extension-settings">
    <div class="inline-drawer">
        <div class="inline-drawer-toggle inline-drawer-header">
            <b>Dialogue Colorizer</b>
            <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
        </div>
        <div class="inline-drawer-content">
            <div id="xdc-global_dialogue_settings" class="xdc-extension_block dc-flex-container dc-color-settings-group">
                <h4>Global Dialogue Settings</h4>
                <label for="xdc-chat_bubble_color_lightness" title="The lightness to use for the chat bubble color.">
                    Chat Bubble Lightness<span class="margin5 fa-solid fa-circle-info opacity50p"></span>
                    <input type="text" id="xdc-chat_bubble_color_lightness" name="xdc-chat_bubble_color_lightness" class="text_pole textarea_compact">
                </label>
            </div>
            <div id="xdc-char_dialogue_settings" class="xdc-extension_block dc-flex-container dc-color-settings-group">
                <div>
                    <label for="xdc-char_dialogue_settings_header" title="Dialogue settings for characters.">
                        <h4 id="xdc-char_dialogue_settings_header" name="xdc-char_dialogue_settings_header">
                            Character Dialogue Settings<span class="margin5 fa-solid fa-circle-info opacity50p"></span>
                        </h4>
                    </label>
                </div>
                <!-- 'Color Source Dropdown' created dynamically here -->
                <br/>
                <div>
                    <label for="xdc-char_static_color" title="The static color to use for character dialog if 'Color Source' is set to 'Static Color'.">
                        Static Color<span class="margin5 fa-solid fa-circle-info opacity50p"></span>
                    </label>
                    <!-- 'Static Color Picker Combo' created dynamically here -->
                </div>
            </div>
            <div id="xdc-persona_dialogue_settings" class="xdc-extension_block dc-flex-container dc-color-settings-group">
                <div>
                    <label for="xdc-persona_dialogue_settings_header" title="Dialogue settings for user personas.">
                        <h4 id="xdc-persona_dialogue_settings_header" name="xdc-persona_dialogue_settings_header">
                            Persona Dialogue Settings<span class="margin5 fa-solid fa-circle-info opacity50p"></span>
                        </h4>
                    </label>
                </div>
                <!-- 'Color Source Dropdown' created dynamically here -->
                <br/>
                <div>
                    <label for="xdc-persona_static_color" title="The static color to use for character dialog if 'Color Source' is set to 'Static Color'.">
                        Static Color<span class="margin5 fa-solid fa-circle-info opacity50p"></span>
                    </label>
                    <!-- 'Static Color Picker Combo' created dynamically here -->
                </div>
            </div>
        </div>
    </div>
</div>