Yellow color palette includes 2 colors: 1 main color without suffix (.bg-yellow) and 1 accent color with 100 suffix. Majority of components and layout parts are coded with maximum flexibility and support of different color options that can be changed on-the-fly just by adding or replacing proper color class. Also works perfectly in combination with other helpers, that makes Limitless very flexible and configurable.

SASS files include 10 different shades and tints of each color, but class names include only 2 of them. You can easy add new shades or tints of any color if you need to just by adding color variable to theme color map and re-compile your SASS files. That will generate all necessary color classes for all components and automatically add all states to them.

Please note: default Bootstrap contextual classes - primary, danger, success, warning, info - still available and correspond to main colors, so you can use both .bg-yellow and .[btn|badge|table|btn-outline|alert]-yellow as main color classes. For light semi-transparent yellow background color, add *-100 suffix and optionally .text-yellow class. Also worth mentioning - yellow color belongs to light color palettes and used in some components only, and for better contrast works best on darker backgrounds, that's why some examples were removed.