Cheat Sheet for SharePoint Theming

The goal of this document is to highlight what specific classes are used for common yet critical style choices that customers often make

Section

Section background

  1. None or "White" - white
  2. Neutral or "Gray" - neutralLighter
  3. Soft or "Light Color" - themeLighterAlt
  4. Strong or "Dark Color" - themePrimary

Hub

Hub Navigation Bar - themeDarkAlt

Quick Links

Background = Strong

  • Background Color - white
  • Background Hover Color - themeLighterAlt

Background = All Others

  • Background Color - themePrimary
  • Background Hover Color - themeDarkAlt

Events

Regardless of background

  • Event title - neutralPrimary
  • Text under event title - neutralSecondary