How about just using the existing message-warning
class instead of message-error
.
An example of what it look like in it's current usage:
Live inspect-able demo referencing Stack Overflow's all.css
:
<link href="http://cdn.sstatic.net/stackoverflow/all.css" rel="stylesheet" />
<div class="message message-warning message-dismissable" style="max-width: 270px; min-width: 270px; position: absolute; top: 26.5px; left: 10px; display: block;">
<div class="message-inner message-tip message-tip-left-top">
<div title="close this message (or hit Esc)" class="message-close">×</div>
<div class="message-text" style="padding-right: 35px;">This is a meta demo</div>
</div>
</div>
Live inspect-able demo using message-info
class for a blue dialog as an alternative:
<link href="http://cdn.sstatic.net/stackoverflow/all.css" rel="stylesheet" />
<div class="message message-info message-dismissable" style="max-width: 270px; min-width: 270px; position: absolute; top: 26.5px; left: 10px; display: block;">
<div class="message-inner message-tip message-tip-left-top">
<div title="close this message (or hit Esc)" class="message-close">×</div>
<div class="message-text" style="padding-right: 35px;">This is a meta demo</div>
</div>
</div>