Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The scss variables for colors are the same with Smart MessagesPanel Messages is using the colors from Smart Messages on default. You can overwrite themĀ 

Code Block
languagecss
titleStyle
// AKIOMA MESSAGES MODAL AND NON-MODAL
$msg_success_color: #4BB543 !default;
$msg_error_color: #e53935 !default;
$msg_warning_color: #F57C00 !default;
$msg_info_color: #3399cc !default;
$msg_question_color: $msg_info_color !default;
$msg_custom_color: $msg_info_color !default;
??
// Variables for panel messages types
$panel_msg_success: $msg_success_color !default;
$panel_msg_error: $msg_error_color !default;
$panel_msg_warning: $msg_warning_color !default;
$panel_msg_info: $msg_info_color !default;

//Panel Messages styling
.panel-msg:empty {
  display: none;
}
.panel-msg {
  padding: 20px 0px 20px 45px;
  p {
      margin: 2px 0px;
      font-family: $light_font;
  }
}
.msg-error {
  color: $msg$panel_msg_error_color;
}
.msg-warning {
  color: $msg$panel_msg_warning_color;
}
.msg-info {
  color: $msg$panel_msg_info_color;
}
.msg-success {
  color: $msg$panel_msg_success_color;
}