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

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
    <ui:VisualElement name="MapLegend" class="legend-container">
        <ui:Label text="Map Legend" class="legend-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 class="controls-info">
            <ui:Label text="Controls:" class="controls-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="N: Toggle Name Labels" class="controls-text" />
            <ui:Label text="Mouse Hover: Show Tooltips" class="controls-text" />
        </ui:VisualElement>
    </ui:VisualElement>
</ui:UXML>