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