使用.net 8、Blazor和FluentUI - 设置accentFillRest值

问题描述 投票:0回答:1

我使用 Blazor 和 FluentUI 的开箱即用设置。我唯一的目标是顶部的横幅应该具有特定的颜色。我注意到颜色是使用 CSS 设置的,如下所示:

background-color: var(--accent-fill-rest);

如何以及在哪里设置变量 --accent-fill-rest?我不在乎其他配色方案是否会改变,只要这个变量具有特定的颜色。

.net blazor-server-side fluent-ui
1个回答
0
投票

您可以通过以下方式设置变量: 选项 1:在 wwwroot 中的 app.css 样式表中:

body {
    --accent-fill-rest: green;
}
...

选项2:在Components中的App.razor文件中

...
<body style="--accent-fill-rest: green;">
...
© www.soinside.com 2019 - 2024. All rights reserved.