Is there a table of all re-usable mdoern CSS classes? That would be useful to have in one place so that we can use them for JSON column formatting or in our custom SPFx webparts?

For example, I am talking about these classes:

  • sp-css-backgroundColor-neutralBackground
  • sp-css-backgroundColor-success
  • sp-css-backgroundColor-blueBackground07
  • sp-css-backgroundColor-warningBackground
  • sp-css-backgroundColor-successBackground
  • sp-css-backgroundColor-blockingBackground
  • sp-css-backgroundColor-errorBackground
  • etc.

1 Answer 1


I have extracted all Modern SharePoint CSS classess and made it available as a page. You can see all available classes and see what it looks like when applied to an HTML element. Enjoy!

enter image description here

enter image description here

  • 2
    Thank you very much, this helped me alot!
    – Andreas
    Nov 16, 2021 at 15:11

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.