Add success notice style (#5242

* Add success notice style

* Move quote styling closer to notices
Improving parsing of notices when pasting from other tools

shared/styles/theme.ts

@@ -38,7 +38,7 @@ const defaultColors: Colors = {
     purple: "#9E5CF7",
     blue: "#3633FF",
     marine: "#2BC2FF",
-    green: "#42DED1",
+    green: "#3ad984",
     yellow: "#F5BE31",
   },
 };
@@ -90,6 +90,8 @@ const buildBaseTheme = (input: Partial<Colors>) => {
     noticeTipText: colors.almostBlack,
     noticeWarningBackground: "#d73a49",
     noticeWarningText: colors.almostBlack,
+    noticeSuccessBackground: colors.brand.green,
+    noticeSuccessText: colors.almostBlack,
     tableSelectedBackground: transparentize(0.8, colors.accent),
     breakpoints,
     ...colors,
@@ -230,6 +232,7 @@ export const buildDarkTheme = (input: Partial<Colors>): DefaultTheme => {
     noticeInfoText: colors.white,
     noticeTipText: colors.white,
     noticeWarningText: colors.white,
+    noticeSuccessText: colors.white,
     progressBarBackground: colors.slate,
     scrollbarBackground: colors.black,
     scrollbarThumb: colors.lightBlack,