@using Moonlight.Shared.Misc
Base Colors
Base Content
Base 100
Base 200
Base 300
Colors
Primary
Primary Content
Secondary
Secondary Content
Accent
Accent Content
Neutral
Neutral Content
Info
Info Content
Success
Success Content
Warning
Warning Content
Error
Error Content
Radius
Boxes
@foreach (var possibleValue in RadiusValues) { }
Fields
@foreach (var possibleValue in RadiusValues) { }
Selectors
@foreach (var possibleValue in RadiusValues) { }
Effects
Sizes
Fields
3 3.5 4 4.5 5
Selector
3 3.5 4 4.5 5
Border Width
0.5 1 1.5 2
@code { [Parameter] public ApplicationTheme Theme { get; set; } private float[] RadiusValues = [ 0, 0.25f, 0.5f, 1f, 2f ]; private bool InputDepth { get => Theme.Depth != 0; set => Theme.Depth = value ? 1 : 0; } private bool InputNoise { get => Theme.Noise != 0; set => Theme.Noise = value ? 1 : 0; } private async Task UpdateRadiusBoxAsync(float value) { Theme.RadiusBox = value; await InvokeAsync(StateHasChanged); } private async Task UpdateRadiusFieldAsync(float value) { Theme.RadiusField = value; await InvokeAsync(StateHasChanged); } private async Task UpdateRadiusSelectorAsync(float value) { Theme.RadiusSelector = value; await InvokeAsync(StateHasChanged); } }