I am struggling to change the default font color of the bar menu to red in a razor page. Despite trying the code below, it doesn't seem to work:
<Bar
Breakpoint="Breakpoint.Desktop"
Background="Background.Light"
ThemeContrast="ThemeContrast.Light
Class="sticky-top"
Style="font-size:large; color:red"
>
<BarMenu>
<BarStart>
<BarItem>
<BarLink To="#">Home</BarLink>
</BarItem>
<BarItem>
<BarLink To="#">Documentation</BarLink>
</BarItem>
<BarItem>
<BarDropdown>
<BarDropdownToggle>Dropdown</BarDropdownToggle>
<BarDropdownMenu>
<BarDropdownItem>Action</BarDropdownItem>
<BarDropdownItem>Another action</BarDropdownItem>
</BarDropdownMenu>
</BarDropdown>
</BarItem>
</BarStart>
<BarEnd>
<BarItem>
<Button Color="Color.Primary">Sign up</Button>
<Button Color="Color.Secondary">Log in</Button>
</BarItem>
</BarEnd>
</BarMenu>
</Bar>
Which CSS file should I modify? Internal CSS styling doesn't seem to have an effect.