Need help with Design system and the blazor integration!

[PascalVorwerk]

Hi! From my designers i am getting alot of designs that use a 'darker' background compared to the highlighted area's. However, when i try to implement this in the blazor integration library, i noticed that most often any highlighting or 'layers' above the previous layer are actually darker. This seems to operate the exact opposite way compared to the design system!

Maybe someone can help me out with understanding how i can achieve my goal. I was directed here by the integration maintainers to ask for design questions: microsoft/fluentui-blazor#3303

For our applications, we would like the 'most bottom layer' to be a slight darker grey. Right now, this doesn't work because the nav menu buttons for example will also color 'darker' when they are hovered, or resting: https://www.fluentui-blazor.net/ . You can see my problem in the way they dealth with it in the fluent ui demo website, whenever they need to 'section' a part of a page, they use a darker layer behind it, isn't this exactly the opposite of what the design system suggests to do?