Formatting knowledge, shared

Samples by Class: ms-fontColor-*

The ms-fontColor-* classes apply a font 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-bgColor-* classes and except where noted (on those pages) contain equivalent colors.

ms-fontColor-alert

1 sample

ms-fontColor-alert--hover

No current catalog entries are tagged with this value.

ms-fontColor-black

20 samples

ms-fontColor-black--hover

6 samples

ms-fontColor-blue

5 samples

ms-fontColor-blue--hover

No current catalog entries are tagged with this value.

ms-fontColor-blueDark

2 samples

ms-fontColor-blueDark--hover

No current catalog entries are tagged with this value.

ms-fontColor-blueLight

No current catalog entries are tagged with this value.

ms-fontColor-blueLight--hover

No current catalog entries are tagged with this value.

ms-fontColor-blueMid

No current catalog entries are tagged with this value.

ms-fontColor-blueMid--hover

No current catalog entries are tagged with this value.

ms-fontColor-communicationPrimary

No current catalog entries are tagged with this value.

ms-fontColor-communicationPrimary--hover

No current catalog entries are tagged with this value.

ms-fontColor-communicationShade10

No current catalog entries are tagged with this value.

ms-fontColor-communicationShade10--hover

No current catalog entries are tagged with this value.

ms-fontColor-communicationShade20

No current catalog entries are tagged with this value.

ms-fontColor-communicationShade20--hover

No current catalog entries are tagged with this value.

ms-fontColor-communicationShade30

No current catalog entries are tagged with this value.

ms-fontColor-communicationShade30--hover

No current catalog entries are tagged with this value.

ms-fontColor-communicationTint10

No current catalog entries are tagged with this value.

ms-fontColor-communicationTint10--hover

No current catalog entries are tagged with this value.

ms-fontColor-communicationTint20

No current catalog entries are tagged with this value.

ms-fontColor-communicationTint20--hover

No current catalog entries are tagged with this value.

ms-fontColor-communicationTint30

No current catalog entries are tagged with this value.

ms-fontColor-communicationTint30--hover

No current catalog entries are tagged with this value.

ms-fontColor-communicationTint40

No current catalog entries are tagged with this value.

ms-fontColor-communicationTint40--hover

No current catalog entries are tagged with this value.

ms-fontColor-contrastBlackDisabled

No current catalog entries are tagged with this value.

ms-fontColor-contrastBlackDisabled--hover

No current catalog entries are tagged with this value.

ms-fontColor-contrastBlackSelected

No current catalog entries are tagged with this value.

ms-fontColor-contrastBlackSelected--hover

No current catalog entries are tagged with this value.

ms-fontColor-contrastWhiteDisabled

No current catalog entries are tagged with this value.

ms-fontColor-contrastWhiteDisabled--hover

No current catalog entries are tagged with this value.

ms-fontColor-contrastWhiteSelected

No current catalog entries are tagged with this value.

ms-fontColor-contrastWhiteSelected--hover

No current catalog entries are tagged with this value.

ms-fontColor-error

No current catalog entries are tagged with this value.

ms-fontColor-error--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray10

No current catalog entries are tagged with this value.

ms-fontColor-gray10--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray100

4 samples

ms-fontColor-gray100--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray110

No current catalog entries are tagged with this value.

ms-fontColor-gray110--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray120

2 samples

ms-fontColor-gray120--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray130

No current catalog entries are tagged with this value.

ms-fontColor-gray130--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray140

1 sample

ms-fontColor-gray140--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray150

No current catalog entries are tagged with this value.

ms-fontColor-gray150--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray160

1 sample

ms-fontColor-gray160--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray170

No current catalog entries are tagged with this value.

ms-fontColor-gray170--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray180

No current catalog entries are tagged with this value.

ms-fontColor-gray180--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray190

No current catalog entries are tagged with this value.

ms-fontColor-gray190--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray20

No current catalog entries are tagged with this value.

ms-fontColor-gray20--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray200

1 sample

ms-fontColor-gray200--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray210

No current catalog entries are tagged with this value.

ms-fontColor-gray210--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray220

No current catalog entries are tagged with this value.

ms-fontColor-gray220--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray30

No current catalog entries are tagged with this value.

ms-fontColor-gray30--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray40

1 sample

ms-fontColor-gray40--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray50

No current catalog entries are tagged with this value.

ms-fontColor-gray50--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray60

No current catalog entries are tagged with this value.

ms-fontColor-gray60--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray70

No current catalog entries are tagged with this value.

ms-fontColor-gray70--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray80

No current catalog entries are tagged with this value.

ms-fontColor-gray80--hover

No current catalog entries are tagged with this value.

ms-fontColor-gray90

1 sample

ms-fontColor-gray90--hover

No current catalog entries are tagged with this value.

ms-fontColor-green

10 samples

ms-fontColor-green--hover

No current catalog entries are tagged with this value.

ms-fontColor-greenDark

No current catalog entries are tagged with this value.

ms-fontColor-greenDark--hover

1 sample

ms-fontColor-greenLight

1 sample

ms-fontColor-greenLight--hover

No current catalog entries are tagged with this value.

ms-fontColor-info

1 sample

ms-fontColor-info--hover

No current catalog entries are tagged with this value.

ms-fontColor-magenta

No current catalog entries are tagged with this value.

ms-fontColor-magenta--hover

No current catalog entries are tagged with this value.

ms-fontColor-magentaDark

No current catalog entries are tagged with this value.

ms-fontColor-magentaDark--hover

No current catalog entries are tagged with this value.

ms-fontColor-magentaLight

2 samples

ms-fontColor-magentaLight--hover

No current catalog entries are tagged with this value.

ms-fontColor-neutralDark

2 samples

ms-fontColor-neutralDark--hover

1 sample

ms-fontColor-neutralLight

5 samples

ms-fontColor-neutralLight--hover

No current catalog entries are tagged with this value.

ms-fontColor-neutralLighter

No current catalog entries are tagged with this value.

ms-fontColor-neutralLighter--hover

No current catalog entries are tagged with this value.

ms-fontColor-neutralLighterAlt

No current catalog entries are tagged with this value.

ms-fontColor-neutralLighterAlt--hover

No current catalog entries are tagged with this value.

ms-fontColor-neutralPrimary

44 samples

ms-fontColor-neutralPrimary--hover

2 samples

ms-fontColor-neutralPrimaryAlt

2 samples

ms-fontColor-neutralPrimaryAlt--hover

No current catalog entries are tagged with this value.

ms-fontColor-neutralQuaternary

2 samples

ms-fontColor-neutralQuaternary--hover

No current catalog entries are tagged with this value.

ms-fontColor-neutralQuaternaryAlt

3 samples

ms-fontColor-neutralQuaternaryAlt--hover

No current catalog entries are tagged with this value.

ms-fontColor-neutralSecondary

33 samples

ms-fontColor-neutralSecondary--hover

2 samples

ms-fontColor-neutralSecondaryAlt

6 samples

ms-fontColor-neutralSecondaryAlt--hover

No current catalog entries are tagged with this value.

ms-fontColor-neutralTertiary

12 samples

ms-fontColor-neutralTertiary--hover

No current catalog entries are tagged with this value.

ms-fontColor-neutralTertiaryAlt

9 samples

ms-fontColor-neutralTertiaryAlt--hover

No current catalog entries are tagged with this value.

ms-fontColor-orange

3 samples

ms-fontColor-orange--hover

No current catalog entries are tagged with this value.

ms-fontColor-orangeLight

3 samples

ms-fontColor-orangeLight--hover

No current catalog entries are tagged with this value.

ms-fontColor-orangeLighter

No current catalog entries are tagged with this value.

ms-fontColor-orangeLighter--hover

No current catalog entries are tagged with this value.

ms-fontColor-purple

No current catalog entries are tagged with this value.

ms-fontColor-purple--hover

No current catalog entries are tagged with this value.

ms-fontColor-purpleDark

No current catalog entries are tagged with this value.

ms-fontColor-purpleDark--hover

No current catalog entries are tagged with this value.

ms-fontColor-purpleLight

No current catalog entries are tagged with this value.

ms-fontColor-purpleLight--hover

No current catalog entries are tagged with this value.

ms-fontColor-red

10 samples

ms-fontColor-red--hover

4 samples

ms-fontColor-redDark

9 samples

ms-fontColor-redDark--hover

No current catalog entries are tagged with this value.

ms-fontColor-severeWarning

No current catalog entries are tagged with this value.

ms-fontColor-severeWarning--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedBlue10

No current catalog entries are tagged with this value.

ms-fontColor-sharedBlue10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedBlueMagenta10

1 sample

ms-fontColor-sharedBlueMagenta10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedBlueMagenta20

No current catalog entries are tagged with this value.

ms-fontColor-sharedBlueMagenta20--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedBlueMagenta30

No current catalog entries are tagged with this value.

ms-fontColor-sharedBlueMagenta30--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedBlueMagenta40

No current catalog entries are tagged with this value.

ms-fontColor-sharedBlueMagenta40--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyan10

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyan10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyan20

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyan20--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyan30

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyan30--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyan40

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyan40--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyanBlue10

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyanBlue10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyanBlue20

No current catalog entries are tagged with this value.

ms-fontColor-sharedCyanBlue20--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedGray10

1 sample

ms-fontColor-sharedGray10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedGray20

No current catalog entries are tagged with this value.

ms-fontColor-sharedGray20--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedGray30

1 sample

ms-fontColor-sharedGray30--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedGray40

No current catalog entries are tagged with this value.

ms-fontColor-sharedGray40--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedGreen10

No current catalog entries are tagged with this value.

ms-fontColor-sharedGreen10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedGreen20

No current catalog entries are tagged with this value.

ms-fontColor-sharedGreen20--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedGreenCyan10

2 samples

ms-fontColor-sharedGreenCyan10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedMagenta10

No current catalog entries are tagged with this value.

ms-fontColor-sharedMagenta10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedMagenta20

No current catalog entries are tagged with this value.

ms-fontColor-sharedMagenta20--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedMagentaPink10

No current catalog entries are tagged with this value.

ms-fontColor-sharedMagentaPink10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedMagentaPink20

No current catalog entries are tagged with this value.

ms-fontColor-sharedMagentaPink20--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedOrange10

No current catalog entries are tagged with this value.

ms-fontColor-sharedOrange10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedOrange20

1 sample

ms-fontColor-sharedOrange20--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedOrange30

No current catalog entries are tagged with this value.

ms-fontColor-sharedOrange30--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedOrangeYellow10

1 sample

ms-fontColor-sharedOrangeYellow10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedOrangeYellow20

No current catalog entries are tagged with this value.

ms-fontColor-sharedOrangeYellow20--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedPinkRed10

No current catalog entries are tagged with this value.

ms-fontColor-sharedPinkRed10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedRed10

1 sample

ms-fontColor-sharedRed10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedRed20

2 samples

ms-fontColor-sharedRed20--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedRedOrange10

1 sample

ms-fontColor-sharedRedOrange10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedRedOrange20

No current catalog entries are tagged with this value.

ms-fontColor-sharedRedOrange20--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedYellow10

1 sample

ms-fontColor-sharedYellow10--hover

No current catalog entries are tagged with this value.

ms-fontColor-sharedYellowGreen10

No current catalog entries are tagged with this value.

ms-fontColor-sharedYellowGreen10--hover

No current catalog entries are tagged with this value.

ms-fontColor-success

1 sample

ms-fontColor-success--hover

No current catalog entries are tagged with this value.

ms-fontColor-teal

3 samples

ms-fontColor-teal--hover

No current catalog entries are tagged with this value.

ms-fontColor-tealDark

No current catalog entries are tagged with this value.

ms-fontColor-tealDark--hover

No current catalog entries are tagged with this value.

ms-fontColor-tealLight

1 sample

ms-fontColor-tealLight--hover

No current catalog entries are tagged with this value.

ms-fontColor-themeDark

16 samples

ms-fontColor-themeDark--hover

13 samples

ms-fontColor-themeDarkAlt

No current catalog entries are tagged with this value.

ms-fontColor-themeDarkAlt--hover

No current catalog entries are tagged with this value.

ms-fontColor-themeDarker

5 samples

ms-fontColor-themeDarker--hover

10 samples

ms-fontColor-themeLight

3 samples

ms-fontColor-themeLight--hover

3 samples

ms-fontColor-themeLighter

2 samples

ms-fontColor-themeLighter--hover

No current catalog entries are tagged with this value.

ms-fontColor-themeLighterAlt

No current catalog entries are tagged with this value.

ms-fontColor-themeLighterAlt--hover

No current catalog entries are tagged with this value.

ms-fontColor-themeSecondary

2 samples

ms-fontColor-themeSecondary--hover

1 sample

ms-fontColor-themeTertiary

3 samples

ms-fontColor-themeTertiary--hover

4 samples

ms-fontColor-warning

No current catalog entries are tagged with this value.

ms-fontColor-warning--hover

No current catalog entries are tagged with this value.

ms-fontColor-white

68 samples

ms-fontColor-white--hover

15 samples

ms-fontColor-yellow

4 samples

ms-fontColor-yellow--hover

No current catalog entries are tagged with this value.

ms-fontColor-yellowLight

No current catalog entries are tagged with this value.

ms-fontColor-yellowLight--hover

No current catalog entries are tagged with this value.

themePrimary

No current catalog entries are tagged with this value.

themePrimary--hover

No current catalog entries are tagged with this value.