我使用 Blazor 和 FluentUI 的开箱即用设置。我唯一的目标是顶部的横幅应该具有特定的颜色。我注意到颜色是使用 CSS 设置的,如下所示:
background-color: var(--accent-fill-rest);
如何以及在哪里设置变量 --accent-fill-rest?我不在乎其他配色方案是否会改变,只要这个变量具有特定的颜色。
您可以通过以下方式设置变量: 选项 1:在 wwwroot 中的 app.css 样式表中:
body {
--accent-fill-rest: green;
}
...
选项2:在Components中的App.razor文件中
...
<body style="--accent-fill-rest: green;">
...