RPG-RougeLiteBattler/Assets/Resources/UI/MapLegend.uxml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
    <Style src="project://database/Assets/Resources/UI/MapLegend.uss?fileID=7433441132597879392&amp;guid=1cea1e1f65c13914b820e2a77d2ba1e3&amp;type=3#MapLegend" />
    <ui:ScrollView name="legend-scroll-view" class="legend-scroll-container" style="height: 100%;">
        <ui:VisualElement name="map-legend-container" class="legend-container">
            <ui:Label text="Map Legend" class="legend-title" />
            <ui:VisualElement class="legend-section">
                <ui:Label text="Terrain" class="legend-section-title" />
                <ui:VisualElement class="legend-items">
                    <ui:VisualElement class="legend-item">
                        <ui:VisualElement class="color-box ocean-color" />
                        <ui:Label text="Ocean / Large Water Bodies" class="legend-text" />
                    </ui:VisualElement>
                    <ui:VisualElement class="legend-item">
                        <ui:VisualElement class="color-box river-color" />
                        <ui:Label text="Rivers / Lakes" class="legend-text" />
                    </ui:VisualElement>
                    <ui:VisualElement class="legend-item">
                        <ui:VisualElement class="color-box plain-color" />
                        <ui:Label text="Plains / Grasslands" class="legend-text" />
                    </ui:VisualElement>
                    <ui:VisualElement class="legend-item">
                        <ui:VisualElement class="color-box forest-color" />
                        <ui:Label text="Forests" class="legend-text" />
                    </ui:VisualElement>
                    <ui:VisualElement class="legend-item">
                        <ui:VisualElement class="color-box mountain-color" />
                        <ui:Label text="Mountains" class="legend-text" />
                    </ui:VisualElement>
                    <ui:VisualElement class="legend-item">
                        <ui:VisualElement class="color-box town-color" />
                        <ui:Label text="Towns / Cities" class="legend-text" />
                    </ui:VisualElement>
                    <ui:VisualElement class="legend-item">
                        <ui:VisualElement class="color-box village-color" />
                        <ui:Label text="Villages" class="legend-text" />
                    </ui:VisualElement>
                    <ui:VisualElement class="legend-item">
                        <ui:VisualElement class="color-box road-color" />
                        <ui:Label text="Roads" class="legend-text" />
                    </ui:VisualElement>
                    <ui:VisualElement class="legend-item">
                        <ui:VisualElement class="color-box dock-color" />
                        <ui:Label text="Docks / Ports" class="legend-text" />
                    </ui:VisualElement>
                </ui:VisualElement>
            </ui:VisualElement>
            <ui:VisualElement name="name-toggle-section" class="legend-section">
                <ui:Label text="Location Names" class="legend-section-title" />
            </ui:VisualElement>
            <ui:VisualElement class="legend-section controls-info">
                <ui:Label text="Controls" class="legend-section-title" />
                <ui:Label text="WASD / Arrow Keys: Move Camera" class="controls-text" />
                <ui:Label text="Mouse Wheel: Zoom In/Out" class="controls-text" />
                <ui:Label text="L: Toggle Legend" class="controls-text" />
                <ui:Label text="Mouse Hover: Show Tooltips" class="controls-text" />
            </ui:VisualElement>
        </ui:VisualElement>
    </ui:ScrollView>
</ui:UXML>