question

ChristopheHumbert-7879 avatar image
0 Votes"
ChristopheHumbert-7879 asked ·

Fluent UI Northstar theme intellisense in VS Code

For a Teams app, I am trying to use theme color schemes described here:
https://fluentsite.z22.web.core.windows.net/0.51.4/color-schemes

When I type theme.siteVariables in VS Code, I don't get any intellisense for colors:
70797-image.png

What am I missing here? Do I need to install additional modules, beyond @fluentui/react-northstar? Could you point me to instructions or examples on how to get intellisense for Fluent UI Northstar?


office-teams-app-dev
image.png (11.6 KiB)
· 3
10 |1000 characters needed characters left characters exceeded
Toggle Comment visibility. Current Visibility: Visible to all users

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Mamatha-MSFT avatar image Mamatha-MSFT ·

Hi @ChristopheHumbert-7879, You need to use the Provider.Consumer to access the theme. For more details Please look at this example.


1 Vote 1 ·
ChristopheHumbert-7879 avatar image ChristopheHumbert-7879 Mamatha-MSFT ·

Thanks for the reply. I added a Provider.Consumer to my code, but the issue is the same: intellisense only gives me fontSizes as choice.
71190-image.png


0 Votes 0 ·
image.png (22.8 KiB)
Mamatha-MSFT avatar image Mamatha-MSFT ChristopheHumbert-7879 ·

Please look at this sample code and let me know if the issue still persists.
71472-code.png


0 Votes 0 ·
code.png (31.3 KiB)

0 Answers