Blazor Foreach отображает только последний цвет ⇐ CSS

[Гость]

Я искал везде и не нашел ответа, поэтому буду очень признателен за любую помощь!
У меня есть цикл ForEach на странице Razor, и он проходит по списку встреч, каждая из которых имеет другой цвет (я наблюдал за всем процессом в отладчике и значениями), но он отображает только все зацикленные элементы как последний цвет в цикле foreach.
Вот цикл

Код: Выделить всё

@foreach (var a in appt.ToList())
{

}

Here is the Card that is being looped

Код: Выделить всё

@using System.Drawing


.apptColor{
background-color: @rgbaColor;
}


@($"{Text})

@code {
[Parameter] public string Text { get; set; } = null!;
[Parameter] public string BoxColor { get; set; } = null!;
private string rgbaColor;

protected override Task OnInitializedAsync()
{
var color = ColorTranslator.FromHtml(BoxColor);
int r = Convert.ToInt16(color.R);
int g = Convert.ToInt16(color.G);
int b = Convert.ToInt16(color.B);
rgbaColor = string.Format("rgba({0}, {1}, {2}, {3});", r, g, b, .2);

return base.OnInitializedAsync();
}
}

the colors come from the database.
what's rendered
In the picture the first one should be red, second brown, third green, and the fourth red.


Источник: https://stackoverflow.com/questions/781 ... last-color