Marketing Cloud Theme

Use Fuel UX 3 and Bootstrap 3 to create a user interface with the look & feel of existing Salesforce ExactTarget Marketing Cloud applications.

View the Github project


To use this theme, include the theme file after the complete Bootstrap CSS and the complete Fuel UX CSS. For more on setting up a page, please review Getting Started and modify the quick-start templates with the following:

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="//www.fuelcdn.com/fuelux/3/css/fuelux.min.css" rel="stylesheet">
<link href="//www.fuelcdn.com/fuelux-mctheme/1/css/fuelux-mctheme.min.css" rel="stylesheet">

For additional ways to use the Marketing Cloud Theme—including with Bower, please review the README file within its respecitve repository

Themed Bootstrap Elements

Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes.


Themed Bootstrap Components

Over a dozen reusable components built to provide dropdowns, input groups, navigation, alerts, and much more.


Themed Bootstrap Controls

Bring Bootstrap's components to life with over a dozen custom jQuery plugins.


Themed Fuel UX Controls

More than one dozen reusable controls built to provide data repeaters, datepickers, pillboxes, trees, wizards, and much more. Learn more about Fuel UX controls


Themed Fuel UX SVG Icons

A collection of SVG icons that are bundled with the theme.


Themed Utility Classes