Skip to content

Samples by Class: sp-css-color-*

The sp-css-color-* classes apply a font color. Several standard, named, theme, neutral, and more are included.

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

0 samples

sp-css-color-black

0 samples

sp-css-color-BlackFont

0 samples

sp-css-color-BlackText

0 samples

sp-css-color-blockingBackground

2 samples

sp-css-color-blue

0 samples

sp-css-color-blueDark

0 samples

sp-css-color-blueLight

0 samples

sp-css-color-BlueText

0 samples

sp-css-color-bodyBackground

0 samples

sp-css-color-bodyDivider

0 samples

sp-css-color-bodySubtext

0 samples

sp-css-color-bodyText

0 samples

sp-css-color-BrownText

0 samples

sp-css-color-CoralFont

0 samples

sp-css-color-CornflowerBlueFont

0 samples

sp-css-color-CyanFont

0 samples

sp-css-color-DarkBlueText

0 samples

sp-css-color-DarkGreenText

0 samples

sp-css-color-DarkPurpleText

0 samples

sp-css-color-DarkRedText

0 samples

sp-css-color-disabledBackground

0 samples

sp-css-color-disabledSubtext

0 samples

sp-css-color-disabledText

0 samples

sp-css-color-DustRoseFont

0 samples

sp-css-color-errorBackground

0 samples

sp-css-color-errorText

0 samples

sp-css-color-GoldFont

0 samples

sp-css-color-GrayText

2 samples

sp-css-color-green

0 samples

sp-css-color-greenLight

0 samples

sp-css-color-GreenText

0 samples

sp-css-color-LavenderText

0 samples

sp-css-color-LightBlueFont

0 samples

sp-css-color-LightGrayFont

0 samples

sp-css-color-LightPurpleFont

0 samples

sp-css-color-LightPurpleText

0 samples

sp-css-color-LilacFont

0 samples

sp-css-color-listBackground

0 samples

sp-css-color-listItemBackgroundChecked

0 samples

sp-css-color-listTextColor

0 samples

sp-css-color-MauveFont

0 samples

sp-css-color-MintGreenFont

0 samples

sp-css-color-neutralDark

0 samples

sp-css-color-neutralLight

0 samples

sp-css-color-neutralLighter

0 samples

sp-css-color-neutralLighterAlt

2 samples

sp-css-color-neutralPrimary

0 samples

sp-css-color-neutralPrimaryAlt

0 samples

sp-css-color-neutralQuaternary

0 samples

sp-css-color-neutralQuaternaryAlt

0 samples

sp-css-color-neutralSecondary

0 samples

sp-css-color-neutralTertiary

0 samples

sp-css-color-neutralTertiaryAlt

0 samples

sp-css-color-OrangeText

0 samples

sp-css-color-PeachFont

0 samples

sp-css-color-purple

0 samples

sp-css-color-PurpleText

1 sample 

sp-css-color-red

2 samples

sp-css-color-redDark

0 samples

sp-css-color-RedText

0 samples

sp-css-color-SageFont

0 samples

sp-css-color-successBackground

0 samples

sp-css-color-TealText

1 sample 

sp-css-color-themeDark

0 samples

sp-css-color-themeDarkAlt

2 samples

sp-css-color-themeDarker

0 samples

sp-css-color-themeLight

0 samples

sp-css-color-themeLighter

0 samples

sp-css-color-themeLighterAlt

0 samples

sp-css-color-themePrimary

0 samples

sp-css-color-themeSecondary

0 samples

sp-css-color-themeTertiary

0 samples

sp-css-color-VioletFont

0 samples

sp-css-color-warningBackground

0 samples

sp-css-color-white

0 samples

sp-css-color-WhiteFont

0 samples

sp-css-color-WhiteText

0 samples

sp-css-color-yellow

0 samples

sp-css-color-yellowLight