Formatting knowledge, shared

Samples by Class: ms-bgColor-*

The ms-bgColor-* classes apply a background color. Several standard, shared, theme, neutral, and more are included.

Samples are grouped by classes used. Expand to see the related samples.

Complimentary Classes

These classes compliment the ms-borderColor-* and ms-fontColor-* classes and except where noted below contain equivalent colors.

Warning

The named color alert does not have a ms-bgColor- equivalent despite being present elsewhere

ms-bgColor-black

3 samples

ms-bgColor-black--hover

1 sample

ms-bgColor-blue

6 samples

ms-bgColor-blue--hover

No current catalog entries are tagged with this value.

ms-bgColor-blueDark

No current catalog entries are tagged with this value.

ms-bgColor-blueDark--hover

2 samples

ms-bgColor-blueLight

2 samples

ms-bgColor-blueLight--hover

No current catalog entries are tagged with this value.

ms-bgColor-blueMid

No current catalog entries are tagged with this value.

ms-bgColor-blueMid--hover

No current catalog entries are tagged with this value.

ms-bgColor-communicationPrimary

No current catalog entries are tagged with this value.

ms-bgColor-communicationPrimary--hover

1 sample

ms-bgColor-communicationShade10

No current catalog entries are tagged with this value.

ms-bgColor-communicationShade10--hover

No current catalog entries are tagged with this value.

ms-bgColor-communicationShade20

No current catalog entries are tagged with this value.

ms-bgColor-communicationShade20--hover

No current catalog entries are tagged with this value.

ms-bgColor-communicationShade30

No current catalog entries are tagged with this value.

ms-bgColor-communicationShade30--hover

No current catalog entries are tagged with this value.

ms-bgColor-communicationTint10

No current catalog entries are tagged with this value.

ms-bgColor-communicationTint10--hover

No current catalog entries are tagged with this value.

ms-bgColor-communicationTint20

1 sample

ms-bgColor-communicationTint20--hover

2 samples

ms-bgColor-communicationTint30

No current catalog entries are tagged with this value.

ms-bgColor-communicationTint30--hover

No current catalog entries are tagged with this value.

ms-bgColor-communicationTint40

2 samples

ms-bgColor-communicationTint40--hover

1 sample

ms-bgColor-contrastBlackDisabled

No current catalog entries are tagged with this value.

ms-bgColor-contrastBlackDisabled--hover

No current catalog entries are tagged with this value.

ms-bgColor-contrastBlackSelected

No current catalog entries are tagged with this value.

ms-bgColor-contrastBlackSelected--hover

No current catalog entries are tagged with this value.

ms-bgColor-contrastWhiteDisabled

No current catalog entries are tagged with this value.

ms-bgColor-contrastWhiteDisabled--hover

No current catalog entries are tagged with this value.

ms-bgColor-contrastWhiteSelected

No current catalog entries are tagged with this value.

ms-bgColor-contrastWhiteSelected--hover

No current catalog entries are tagged with this value.

ms-bgColor-error

No current catalog entries are tagged with this value.

ms-bgColor-error--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray10

No current catalog entries are tagged with this value.

ms-bgColor-gray10--hover

1 sample

ms-bgColor-gray100

No current catalog entries are tagged with this value.

ms-bgColor-gray100--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray110

No current catalog entries are tagged with this value.

ms-bgColor-gray110--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray120

No current catalog entries are tagged with this value.

ms-bgColor-gray120--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray130

1 sample

ms-bgColor-gray130--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray140

No current catalog entries are tagged with this value.

ms-bgColor-gray140--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray150

No current catalog entries are tagged with this value.

ms-bgColor-gray150--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray160

No current catalog entries are tagged with this value.

ms-bgColor-gray160--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray170

No current catalog entries are tagged with this value.

ms-bgColor-gray170--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray180

No current catalog entries are tagged with this value.

ms-bgColor-gray180--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray190

No current catalog entries are tagged with this value.

ms-bgColor-gray190--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray20

No current catalog entries are tagged with this value.

ms-bgColor-gray20--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray200

No current catalog entries are tagged with this value.

ms-bgColor-gray200--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray210

No current catalog entries are tagged with this value.

ms-bgColor-gray210--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray220

No current catalog entries are tagged with this value.

ms-bgColor-gray220--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray30

2 samples

ms-bgColor-gray30--hover

4 samples

ms-bgColor-gray40

1 sample

ms-bgColor-gray40--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray50

No current catalog entries are tagged with this value.

ms-bgColor-gray50--hover

1 sample

ms-bgColor-gray60

No current catalog entries are tagged with this value.

ms-bgColor-gray60--hover

3 samples

ms-bgColor-gray70

No current catalog entries are tagged with this value.

ms-bgColor-gray70--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray80

No current catalog entries are tagged with this value.

ms-bgColor-gray80--hover

No current catalog entries are tagged with this value.

ms-bgColor-gray90

No current catalog entries are tagged with this value.

ms-bgColor-gray90--hover

No current catalog entries are tagged with this value.

ms-bgColor-green

9 samples

ms-bgColor-green--hover

1 sample

ms-bgColor-greenDark

No current catalog entries are tagged with this value.

ms-bgColor-greenDark--hover

No current catalog entries are tagged with this value.

ms-bgColor-greenLight

4 samples

ms-bgColor-greenLight--hover

1 sample

ms-bgColor-info

No current catalog entries are tagged with this value.

ms-bgColor-info--hover

3 samples

ms-bgColor-magenta

No current catalog entries are tagged with this value.

ms-bgColor-magenta--hover

1 sample

ms-bgColor-magentaDark

No current catalog entries are tagged with this value.

ms-bgColor-magentaDark--hover

No current catalog entries are tagged with this value.

ms-bgColor-magentaLight

1 sample

ms-bgColor-magentaLight--hover

No current catalog entries are tagged with this value.

ms-bgColor-neutralDark

No current catalog entries are tagged with this value.

ms-bgColor-neutralDark--hover

No current catalog entries are tagged with this value.

ms-bgColor-neutralLight

19 samples

ms-bgColor-neutralLight--hover

10 samples

ms-bgColor-neutralLighter

11 samples

ms-bgColor-neutralLighter--hover

4 samples

ms-bgColor-neutralLighterAlt

5 samples

ms-bgColor-neutralLighterAlt--hover

No current catalog entries are tagged with this value.

ms-bgColor-neutralPrimary

3 samples

ms-bgColor-neutralPrimary--hover

2 samples

ms-bgColor-neutralPrimaryAlt

No current catalog entries are tagged with this value.

ms-bgColor-neutralPrimaryAlt--hover

No current catalog entries are tagged with this value.

ms-bgColor-neutralQuaternary

1 sample

ms-bgColor-neutralQuaternary--hover

2 samples

ms-bgColor-neutralQuaternaryAlt

2 samples

ms-bgColor-neutralQuaternaryAlt--hover

No current catalog entries are tagged with this value.

ms-bgColor-neutralSecondary

2 samples

ms-bgColor-neutralSecondary--hover

1 sample

ms-bgColor-neutralSecondaryAlt

2 samples

ms-bgColor-neutralSecondaryAlt--hover

No current catalog entries are tagged with this value.

ms-bgColor-neutralTertiary

4 samples

ms-bgColor-neutralTertiary--hover

2 samples

ms-bgColor-neutralTertiaryAlt

2 samples

ms-bgColor-neutralTertiaryAlt--hover

1 sample

ms-bgColor-orange

2 samples

ms-bgColor-orange--hover

1 sample

ms-bgColor-orangeLight

3 samples

ms-bgColor-orangeLight--hover

1 sample

ms-bgColor-orangeLighter

6 samples

ms-bgColor-orangeLighter--hover

1 sample

ms-bgColor-purple

2 samples

ms-bgColor-purple--hover

No current catalog entries are tagged with this value.

ms-bgColor-purpleDark

1 sample

ms-bgColor-purpleDark--hover

3 samples

ms-bgColor-purpleLight

No current catalog entries are tagged with this value.

ms-bgColor-purpleLight--hover

No current catalog entries are tagged with this value.

ms-bgColor-red

13 samples

ms-bgColor-red--hover

2 samples

ms-bgColor-redDark

4 samples

ms-bgColor-redDark--hover

4 samples

ms-bgColor-severeWarning

1 sample

ms-bgColor-severeWarning--hover

1 sample

ms-bgColor-sharedBlue10

No current catalog entries are tagged with this value.

ms-bgColor-sharedBlue10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedBlueMagenta10

3 samples

ms-bgColor-sharedBlueMagenta10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedBlueMagenta20

No current catalog entries are tagged with this value.

ms-bgColor-sharedBlueMagenta20--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedBlueMagenta30

No current catalog entries are tagged with this value.

ms-bgColor-sharedBlueMagenta30--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedBlueMagenta40

No current catalog entries are tagged with this value.

ms-bgColor-sharedBlueMagenta40--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedCyan10

1 sample

ms-bgColor-sharedCyan10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedCyan20

No current catalog entries are tagged with this value.

ms-bgColor-sharedCyan20--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedCyan30

No current catalog entries are tagged with this value.

ms-bgColor-sharedCyan30--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedCyan40

No current catalog entries are tagged with this value.

ms-bgColor-sharedCyan40--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedCyanBlue10

2 samples

ms-bgColor-sharedCyanBlue10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedCyanBlue20

No current catalog entries are tagged with this value.

ms-bgColor-sharedCyanBlue20--hover

1 sample

ms-bgColor-sharedGray10

1 sample

ms-bgColor-sharedGray10--hover

2 samples

ms-bgColor-sharedGray20

No current catalog entries are tagged with this value.

ms-bgColor-sharedGray20--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedGray30

No current catalog entries are tagged with this value.

ms-bgColor-sharedGray30--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedGray40

No current catalog entries are tagged with this value.

ms-bgColor-sharedGray40--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedGreen10

No current catalog entries are tagged with this value.

ms-bgColor-sharedGreen10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedGreen20

No current catalog entries are tagged with this value.

ms-bgColor-sharedGreen20--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedGreenCyan10

1 sample

ms-bgColor-sharedGreenCyan10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedMagenta10

No current catalog entries are tagged with this value.

ms-bgColor-sharedMagenta10--hover

1 sample

ms-bgColor-sharedMagenta20

No current catalog entries are tagged with this value.

ms-bgColor-sharedMagenta20--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedMagentaPink10

No current catalog entries are tagged with this value.

ms-bgColor-sharedMagentaPink10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedMagentaPink20

No current catalog entries are tagged with this value.

ms-bgColor-sharedMagentaPink20--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedOrange10

2 samples

ms-bgColor-sharedOrange10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedOrange20

No current catalog entries are tagged with this value.

ms-bgColor-sharedOrange20--hover

1 sample

ms-bgColor-sharedOrange30

No current catalog entries are tagged with this value.

ms-bgColor-sharedOrange30--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedOrangeYellow10

1 sample

ms-bgColor-sharedOrangeYellow10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedOrangeYellow20

No current catalog entries are tagged with this value.

ms-bgColor-sharedOrangeYellow20--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedPinkRed10

No current catalog entries are tagged with this value.

ms-bgColor-sharedPinkRed10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedRed10

3 samples

ms-bgColor-sharedRed10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedRed20

1 sample

ms-bgColor-sharedRed20--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedRedOrange10

1 sample

ms-bgColor-sharedRedOrange10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedRedOrange20

No current catalog entries are tagged with this value.

ms-bgColor-sharedRedOrange20--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedYellow10

4 samples

ms-bgColor-sharedYellow10--hover

No current catalog entries are tagged with this value.

ms-bgColor-sharedYellowGreen10

1 sample

ms-bgColor-sharedYellowGreen10--hover

No current catalog entries are tagged with this value.

ms-bgColor-success

No current catalog entries are tagged with this value.

ms-bgColor-success--hover

1 sample

ms-bgColor-teal

1 sample

ms-bgColor-teal--hover

2 samples

ms-bgColor-tealDark

No current catalog entries are tagged with this value.

ms-bgColor-tealDark--hover

No current catalog entries are tagged with this value.

ms-bgColor-tealLight

4 samples

ms-bgColor-tealLight--hover

No current catalog entries are tagged with this value.

ms-bgColor-themeDark

1 sample

ms-bgColor-themeDark--hover

6 samples

ms-bgColor-themeDarkAlt

No current catalog entries are tagged with this value.

ms-bgColor-themeDarkAlt--hover

No current catalog entries are tagged with this value.

ms-bgColor-themeDarker

4 samples

ms-bgColor-themeDarker--hover

No current catalog entries are tagged with this value.

ms-bgColor-themeLight

14 samples

ms-bgColor-themeLight--hover

12 samples

ms-bgColor-themeLighter

27 samples

ms-bgColor-themeLighter--hover

10 samples

ms-bgColor-themeLighterAlt

10 samples

ms-bgColor-themeLighterAlt--hover

3 samples

ms-bgColor-themePrimary

58 samples

ms-bgColor-themePrimary--hover

11 samples

ms-bgColor-themeSecondary

No current catalog entries are tagged with this value.

ms-bgColor-themeSecondary--hover

No current catalog entries are tagged with this value.

ms-bgColor-themeTertiary

7 samples

ms-bgColor-themeTertiary--hover

5 samples

ms-bgColor-warning

No current catalog entries are tagged with this value.

ms-bgColor-warning--hover

1 sample

ms-bgColor-white

36 samples

ms-bgColor-white--hover

1 sample

ms-bgColor-yellow

10 samples

ms-bgColor-yellow--hover

1 sample

ms-bgColor-yellowLight

No current catalog entries are tagged with this value.

ms-bgColor-yellowLight--hover

No current catalog entries are tagged with this value.