@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 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); } }