colors.adoc

Colors

Documentation

Theme Colors

The color palette is located under /color-palettes as theme-colors.afpalette.

Table 1. Bootstrap Theme Colors

Color Code	CSS Variable	Color Name
#0d6efd	$primary	Primary
#6c757d	$secondary	Secondary
#198754	$secondary	Success
#dc3545	$danger	Danger
#ffc107	$warning	Warning
#0dcaf0	$info	Info
#f8f9fa	$light	Light
#212529	$dark	Dark

All Colors

Table 2. Bootstrap All Colors

Color Code	CSS Variable	Color Name
#0d6efd	$blue	Blue
#cfe2ff	$blue-100	Blue 100
#9ec5fe	$blue-200	Blue 200
#6ea8fe	$blue-300	Blue 300
#3d8bfd	$blue-400	Blue 400
#0d6efd	$blue-500	Blue 500
#0a58ca	$blue-600	Blue 600
#084298	$blue-700	Blue 700
#052c65	$blue-800	Blue 800
#031633	$blue-900	Blue 900
#6610f2	$indigo	Indigo
#e0cffc	$indigo-100	Indigo 100
#c29ffa	$indigo-200	Indigo 200
#a370f7	$indigo-300	Indigo 300
#8540f5	$indigo-400	Indigo 400
#6610f2	$indigo-500	Indigo 500
#520dc2	$indigo-600	Indigo 600
#3d0a91	$indigo-700	Indigo 700
#290661	$indigo-800	Indigo 800
#140330	$indigo-900	Indigo 900
#6f42c1	$purple	Purple
#e2d9f3	$purple-100	Purple 100
#c5b3e6	$purple-200	Purple 200
#a98eda	$purple-300	Purple 300
#8c68cd	$purple-400	Purple 400
#6f42c1	$purple-500	Purple 500
#59359a	$purple-600	Purple 600
#432874	$purple-700	Purple 700
#2c1a4d	$purple-800	Purple 800
#160d27	$purple-900	Purple 900
#d63384	$pink	Pink
#dc3545	$red	Red
#fd7e14	$orange	Orange
#ffc107	$yellow	Yellow
#198754	$green	Green
#20c997	$teal	Teal
#0dcaf0	$cyan	Cyan
#cff4fc	$cyan-100	Cyan 100
#9eeaf9	$cyan-200	Cyan 200
#6edff6	$cyan-300	Cyan 300
#3dd5f3	$cyan-400	Cyan 400
#0dcaf0	$cyan-500	Cyan 500
#0aa2c0	$cyan-600	Cyan 600
#087990	$cyan-700	Cyan 700
#055160	$cyan-800	Cyan 800
#032830	$cyan-900	Cyan 900
#adb5bd	$gray-500	Gray 500
#f8f9fa	$gray-100	Gray 100
#e9ecef	$gray-200	Gray 200
#dee2e6	$gray-300	Gray 300
#ced4da	$gray-400	Gray 400
#adb5bd	$gray-500	Gray 500
#6c757d	$gray-600	Gray 600
#495057	$gray-700	Gray 700
#343a40	$gray-800	Gray 800
#212529	$gray-900	Gray 900
#000	$black	Black
#fff	$white	White