fix: Improved styles for diffs, closes #4430

shared/styles/theme.ts

@@ -100,8 +100,10 @@ export const light = {
   text: colors.almostBlack,
   textSecondary: colors.slateDark,
   textTertiary: colors.slate,
-  textDeleted: colors.slate,
-  textDeletedBackground: colors.slateLight,
+  textDiffInserted: colors.almostBlack,
+  textDiffInsertedBackground: "rgba(18, 138, 41, 0.16)",
+  textDiffDeleted: colors.slateDark,
+  textDiffDeletedBackground: "#ffebe9",
   placeholder: "#a2b2c3",
   sidebarBackground: colors.warmGrey,
   sidebarActiveBackground: "#d7e0ea",
@@ -159,8 +161,10 @@ export const dark = {
   cursor: colors.almostWhite,
   textSecondary: lighten(0.1, colors.slate),
   textTertiary: colors.slate,
-  textDeleted: lighten(0.1, colors.slate),
-  textDeletedBackground: colors.black,
+  textDiffInserted: colors.almostWhite,
+  textDiffInsertedBackground: "rgba(63,185,80,0.3)",
+  textDiffDeleted: darken(0.1, colors.almostWhite),
+  textDiffDeletedBackground: "rgba(248,81,73,0.15)",
   placeholder: colors.slateDark,
   sidebarBackground: colors.veryDarkBlue,
   sidebarActiveBackground: lighten(0.02, colors.almostBlack),