Themeable


When you see the Themeable badge it means the component has the following classes that you can use color the component. Just like Bootstrap, the convention is {component}-{theme-color}.

{component}-primary
{component}-secondary
{component}-success
{component}-danger
{component}-warning
{component}-info
{component}-light
{component}-dark

Bootstrap Email uses the same default color scheme that Bootstrap 4 does.

primary
secondary
success
danger
warning
info
light
dark

Customize Theme

Bootstrap Email makes is really easy to customize the theme colors. You can override each color in your sass file before the bootstrap-email import:

$theme-primary: #007bff;
$theme-secondary: #868e96;
$theme-success: #28a745;
$theme-danger: #dc3545;
$theme-warning: #ffc107;
$theme-info: #17a2b8;
$theme-light: #f8f9fa;
$theme-dark: #343a40;

@import 'bootstrap-email';

Note: These are the current defaults for the theme colors.