Skip to content

SharePoint 2010 Theme Colors Cheat Sheet

by on July 13, 2010

Text/Background – Dark 1

  • Loading Popup text
  • Active Tools Tab border & gradient (ribbon)
  • Site Action dropdown menu text
  • User dropdown menu text
  • Calendar year in left column
  • Calendar month in left column
  • Breadcrumb link in header

Text/Background – Light 1

  • Content Background
  • Site Actions Button/Link Text
  • Site Actions Menu Background
  • User Button/Link Text
  • User Menu Background

Text/Background – Dark 2

  • Ribbon Background
  • Header Text
  • Horizontal Menu Link Text
  • Vertical Menu Link Text
  • Body Text
  • List Field Titles
  • Developer Dashboard Text
  • Developer Dashboard BG
  • Calendar Titles
  • Current Horizontal Menu Item Background
  • Current “Site Content” menu item background
  • Hovered List Row Background
  • Level 1 menu items in right column
  • Browse tab text on ribbon

Text/Background – Light 2

  • Header Background
  • Horizontal Menu Background
  • Vertical Menu Background

Accent 1

  • Horizontal Menu Link Hover Text
  • Left Menu Link Hover Text
  • List Feild Title Backgrounds
  • Calendar Title Background
  • Calendar event links
  • Dropdown menu hovered item background

Accent 2

    Accent 3

    • ?

    Accent 4

    • ?

    Accent 5

    • ?

    Accent 6

    • Loading Popups

    Hyperlink

    • Hyperlinks in content only (no menus)

    Followed Hyperlink

    • Followed Hyperlinks in content only (no menus)
    Advertisements
    3 Comments
    1. Brian permalink

      Any more work on Accent 2-6?

    2. Michael permalink

      To get a feel for Accent 2-6, create a few calendars. In the first, go “Calendars in View” and add the others so they display in the same view. Your accents 2-6 will dictate the color choices for those items added to the view.

    3. David Harnden permalink

      Again, rocking…

    Leave a Reply

    Fill in your details below or click an icon to log in:

    WordPress.com Logo

    You are commenting using your WordPress.com account. Log Out / Change )

    Twitter picture

    You are commenting using your Twitter account. Log Out / Change )

    Facebook photo

    You are commenting using your Facebook account. Log Out / Change )

    Google+ photo

    You are commenting using your Google+ account. Log Out / Change )

    Connecting to %s

    %d bloggers like this: