use jquery-ui classes

IPython/frontend/html/notebook/static/css/notebook.css

@@ -69,18 +69,6 @@ span#notebook_name {
     z-index: 10;
 }
 
-.notification.info
-{color : darkblue;}
-
-.notification.safe
-{color : darkgreen;}
-
-.notification.warning
-{color : darkorange;}
-
-.notification.danger
-{ color : darkred }
-
 #toolbar {
     padding: 3px 15px;
 }

IPython/frontend/html/notebook/static/js/notificationarea.js

@@ -23,6 +23,8 @@ var IPython = (function (IPython) {
 
     NotificationArea.prototype.temp_message = function (msg, timeout, css_class) {
         var uuid = utils.uuid();
+        if( css_class == 'danger'){css_class = 'ui-state-error'}
+        if( css_class == 'warning'){css_class = 'ui-state-highlight'}
         var tdiv = $('<div>')
             .attr('id',uuid)
             .addClass('notification ui-widget ui-widget-content ui-corner-all')