<NME> styles.scss
<BEF> @import "~src/theme.scss";

@font-face {
    font-family: "Source Sans Pro";
    src: url("assets/font/source-sans-pro/SourceSansPro-Regular.ttf") format("truetype");
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-family: "Source Sans Pro", sans;
    font-size: 17px;
}

.container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

::selection {
    color: whitesmoke;
    background: mat-color($app-primary);
}
    }
}


        display: none !important;
    }

    div.arrow {
        top: 170px !important;
    }
}

// Snackbar
snack-bar-container.snackbar {
    background-color: whitesmoke;
    border: 1px solid lightgray;
    border-bottom: 0;
    color: #555555;

    simple-snack-bar.mat-simple-snackbar {
        font-size: 15px;

        button {
            color: #555555;
        }
    }
}



<MSG> [style] update notification div style

<DFF> @@ -29,4 +29,20 @@ div.color-picker {
     }
 }
 
+// Snackbar
+snack-bar-container.snackbar {
+    background-color: whitesmoke;
+    border: 1px solid lightgray;
+    border-bottom: 0;
+    color: #555555;
+
+    simple-snack-bar.mat-simple-snackbar {
+        font-size: 15px;
+
+        button {
+            color: #555555;
+        }
+    }
+}
+
 

[style] update notification div style