JQUERY-CONFIRM

Themes - Use one, or make your own.

Download v3 View on GitHub

jquery-confirm v 3.3.4 docs
view on Github

back to Main Docs

Themes

The Light & Dark themes that suit any website design, 

  1. $.confirm({
  2.     theme: 'light'
  3. });
  4. $.confirm({
  5.     theme: 'dark'
  6. });
  7. $.confirm({
  8.     theme: 'supervan' // 'material', 'bootstrap'
  9. });

Make your own themes

Why not? A unique design must have a unique confirm box

This is a CSS boilerplate for defining a theme. 

  1. .jconfirm.jconfirm-my-theme {
  2.   .jconfirm-bg {
  3.   }
  4.   .jconfirm-box {
  5.     &.loading {
  7.       &:before {
  8.       }
  9.       &:after {
  10.       }
  11.     }
  12.     div.jconfirm-closeIcon {
  13.     }
  14.     div.jconfirm-title-c {
  15.     }
  16.     div.jconfirm-content-pane {
  17.     }
  18.     div.jconfirm-content {
  19.       &:empty {
  21.       }
  22.     }
  23.     .jconfirm-buttons {
  24.       button {
  25.       }
  26.       button + button {
  27.       }
  28.     }
  29.     &.hilight {
  30.     }
  31.   }
  32. }

JS part of it 

  1. $.confirm({
  2.     theme: 'my-theme'
  3. });

Thanks for making it to the end of the document.
Your support and suggestions matter the most!

Please post your
Questions / Suggestions / Issues.