@using Moonlight.Shared.Misc
Base Colors
Background
Base Content
Base 100
Base 150
Base 200
Base 250
Base 300
Colors
Primary
Primary Content
Secondary
Secondary Content
Accent
Accent 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 UpdateRadiusBox(float value) { Theme.RadiusBox = value; await InvokeAsync(StateHasChanged); } private async Task UpdateRadiusField(float value) { Theme.RadiusField = value; await InvokeAsync(StateHasChanged); } private async Task UpdateRadiusSelector(float value) { Theme.RadiusSelector = value; await InvokeAsync(StateHasChanged); } }