Added icon change

frontend/app/assets/css/colors.scss

@@ -16,6 +16,8 @@ $themes: (
         button-hover: #202020aa,
         button-active: #202020cc,
 
+        toast-background: #202020,
+
         hover: #21262d,
         selected: #4a4a4b,
         border-color: #819796,
@@ -24,6 +26,9 @@ $themes: (
         container-shadow: #151d28,
         sticky-header-bg: #20202077,
 
+        red: #e06c75,
+        green: #98c379,
+
         icon-invert: 100%
     ),
     light: (
@@ -41,6 +46,8 @@ $themes: (
         button-hover: #e9e9e9,
         button-active: #d4d4d4,
 
+        toast-background: #f0f0f0,
+
         border-color: #e0e0e0,
         border: #f0f0f0,
         hover: #e9e9e9,
@@ -49,6 +56,9 @@ $themes: (
         container-shadow: #5f6774,
         sticky-header-bg: #fff,
 
+        red: #e06c75,
+        green: #98c379,
+
         icon-invert: 0%
     )
 );

frontend/app/assets/css/main.scss

@@ -355,3 +355,11 @@ span.artifact {
     display: flex;
     flex-direction: column;
 }
+
+.red {
+  color: var(--color-red);
+}
+
+.green {
+  color: var(--color-green);
+}