feat: introduce a custom configuration UI for environment overlay settings, including a new template and styles.

This commit is contained in:
CPTN Cosmo 2025-12-31 00:03:36 +01:00
parent 773a95641b
commit 9192703e96
3 changed files with 228 additions and 19 deletions

View file

@ -0,0 +1,43 @@
<form autocomplete="off">
<p class="notes">Configure the visual appearance of the Environment Overlay.</p>
<div class="form-group">
<label data-tooltip="Default: 80">Icon Size (px)</label>
<div class="form-fields">
<input type="range" name="iconSize" value="{{iconSize}}" min="30" max="200" step="5" data-dtype="Number">
<span class="range-value">{{iconSize}}</span>
</div>
</div>
<div class="form-group">
<label data-tooltip="Default: Rounded Square">Icon Shape</label>
<div class="form-fields">
<select name="iconShape" data-dtype="String">
{{selectOptions shapes selected=iconShape}}
</select>
</div>
</div>
<div class="form-group">
<label data-tooltip="Default: #f3c267">Border & Glow Color</label>
<div class="form-fields">
<color-picker name="borderColor" value="{{borderColor}}"></color-picker>
</div>
</div>
<div class="form-group">
<label data-tooltip="Default: Checked">Show Actor Name</label>
<div class="form-fields">
<input type="checkbox" name="showName" {{checked showName}}>
</div>
</div>
<footer class="sheet-footer flexrow">
<button type="submit" name="submit">
<i class="fas fa-save"></i> Save Changes
</button>
<button type="button" data-action="reset">
<i class="fas fa-undo"></i> Reset Defaults
</button>
</footer>
</form>