Changing background color for Notification message

Support
#1

Need to change background color for Notification Message.

#3

Hi!

To change the background of notification, you should extend the current theme (documentation).

You can use following styles to customize notification:

  .v-Notification.tray {
    background: #c479fc;

    // caption color
    h1 {
      color: #f23fa2;
    }

    // message description color
    p {
      color: #2C3E50;
    }
  }

  .v-Notification.humanized {
    background: #4d6dbf;

    // caption color
    h1 {
      color: #bfbfbf
    }

    // message description color
    p {
      color: #2C3E50;
    }
  }

  .v-Notification.warning {
    background: #dea335;
  }

  .v-Notification.warning .v-Notification-caption {
    color: #f2e9d8;
  }

  .v-Notification.warning .v-Notification-description {
    color: #fff8eb;
  }

  .v-Notification.error {
  	background: #e31977;
  }

  .v-Notification.error .v-Notification-caption {
  	color: white;
  }

  .v-Notification.error .v-Notification-description {
  	color: #fa98c6;
  }

Attached demo project: demo.zip (86.4 KB)

#5

Thank You,it works fine