Themes

To use a builtin theme, you must include the theme style sheet, and set vex className to match match:

<link rel="stylesheet" href="vex-theme-default.css" />
<script>vex.defaultOptions.className = 'vex-theme-default';</script>

At the moment, there are 6 themes:

Name className
Defaultvex-theme-defaultExample
Operating Systemvex-theme-osExample
Plainvex-theme-plainExample
Wireframevex-theme-wireframeExample
Flat Attack!vex-theme-flat-attackExample
Topvex-theme-topExample
Bottom Right Cornervex-theme-bottom-right-cornerExample

Instead of setting vex.defaultOptions.className, you could instead set the className option when opening a vex. Here's an example of that.

Inline Theme Example

vex.defaultOptions.className = 'vex-theme-os';
vex.dialog.alert
    message: 'Testing the wireframe theme.'
    className: 'vex-theme-wireframe' # Overwrites defaultOptions