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.

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.