(core) Adding colors to toast notification

Summary:
Styling toast notification. Adding colors and icons.
In Grist, changed the default style for errors (will be shown in red), and a style for
Linked copied to clipboard (will be shown in Green).
All other colors are not used currently, left for another diff.

Test Plan: manual

Reviewers: georgegevoian

Reviewed By: georgegevoian

Differential Revision: https://phab.getgrist.com/D3053

app/client/ui2018/IconList.ts

@@ -55,6 +55,7 @@ export type IconName = "ChartArea" |
   "Home" |
   "Idea" |
   "Import" |
+  "Info" |
   "LeftAlign" |
   "Lock" |
   "Log" |
@@ -83,9 +84,11 @@ export type IconName = "ChartArea" |
   "Share" |
   "Sort" |
   "Tick" |
+  "TickSolid" |
   "Undo" |
   "Validation" |
   "Video" |
+  "Warning" |
   "Widget" |
   "Wrap" |
   "Zoom";
@@ -147,6 +150,7 @@ export const IconList: IconName[] = ["ChartArea",
   "Home",
   "Idea",
   "Import",
+  "Info",
   "LeftAlign",
   "Lock",
   "Log",
@@ -175,9 +179,11 @@ export const IconList: IconName[] = ["ChartArea",
   "Share",
   "Sort",
   "Tick",
+  "TickSolid",
   "Undo",
   "Validation",
   "Video",
+  "Warning",
   "Widget",
   "Wrap",
   "Zoom"];

app/client/ui2018/cssVars.ts

@@ -41,6 +41,9 @@ export const colors = {
   darkerGreen: new CustomProp('color-darker-green', '#007548'),
   lighterGreen: new CustomProp('color-lighter-green', '#b1ffe2'),
 
+  lighterBlue: new CustomProp('color-lighter-blue', '#87b2f9'),
+  lightBlue: new CustomProp('color-light-blue', '#3B82F6'),
+
   cursor: new CustomProp('color-cursor', '#16B378'),   // cursor is lightGreen
   selection: new CustomProp('color-selection', 'rgba(22,179,120,0.15)'),
   selectionOpaque: new CustomProp('color-selection-opaque', '#DCF4EB'),
@@ -49,6 +52,8 @@ export const colors = {
 
   hover: new CustomProp('color-hover', '#bfbfbf'),
   error: new CustomProp('color-error', '#D0021B'),
+  warning: new CustomProp('color-warning', '#F9AE41'),
+  warningBg: new CustomProp('color-warning-bg', '#dd962c'),
   backdrop: new CustomProp('color-backdrop', 'rgba(38,38,51,0.9)')
 
 };