https://haroct.com.my/themes/web/default/assets/js/notifyjs/metro/notify-metro.js

1$.notify.addStyle("metro", {
2    html:
3        "<div>" +
4            "<div class='image' data-notify-html='image'/>" +
5            "<div class='text-wrapper'>" +
6                "<div class='title' data-notify-html='title'/>" +
7                "<div class='text' data-notify-html='text'/>" +
8            "</div>" +
9        "</div>",
10    classes: {
11        default: {
12            "color": "#fafafa !important",
13            "background-color": "#ABB7B7",
14            "border": "1px solid #ABB7B7"
15        },
16        error: {
17            "color": "#fafafa !important",
18            "background-color": "#E15554",
19            "border": "1px solid #E15554"
20        },
21        success: {
22            "color": "#fafafa !important",
23            "background-color": "#68C39F",
24            "border": "1px solid #68C39F"
25        },
26        info: {
27            "color": "#fafafa !important",
28            "background-color": "#65BBD6",
29            "border": "1px solid #65BBD6"
30        },
31        warning: {
32            "color": "#fafafa !important",
33            "background-color": "#FFC052",
34            "border": "1px solid #FFC052"
35        },
36        black: {
37            "color": "#fafafa !important",
38            "background-color": "#333",
39            "border": "1px solid #000"
40        },
41        cool: {
42            "color": "#fafafa !important",
43            "background-color": "#4A525F",
44            "border": "1px solid #4A525F"
45        },
46        nonspaced: {
47            "color": "#fafafa !important",
48            "background-color": "#4A525F",
49            "min-width": "150px",
50            "border": "1px solid #4A525F"
51        },
52        white: {
53            "background-color": "#f1f1f1",
54            "border": "1px solid #ddd"
55        }
56    }
57});