Add more effects to make new rows stand out.

This will probably change in the future. Doesn't abide by highlight new row
setting.

Author: cwhelchel

src/components/SpotViewer/SpotViewer.scss

@@ -58,8 +58,21 @@ xl, extra-large: 1536px
 }
 
 .spotviewer-row-new {
-    background-color: rgba(125, 200, 125, 0.35);
-    //filter: saturate(4);
+    //background-color: rgba(200, 159, 125, 0.35);
+    background-color: rgba(37, 6, 113, 0.5);
+    animation: pulse 5s 0s 2;
+}
+
+@keyframes pulse {
+
+    0%,
+    100% {
+        background-color: rgba(37, 6, 113, 0.5);
+    }
+
+    50% {
+        background-color: #9e42b0;
+    }
 }
 
 .spotviewer-row-qrt:hover {

src/components/SpotViewer/SpotViewer.tsx

@@ -358,6 +358,11 @@ export default function SpotViewer() {
 
             <DataGrid
                 rows={spots}
+                sx={{
+                    "& .Mui-selected.spotviewer-row-new": {
+                      backgroundColor: "rgba(75, 30, 110, 0.75) !important"
+                    }
+                }}
                 slots={{ toolbar: CustomToolbar }}
                 columns={columns}
                 getRowId={getRowId}