diff --git a/desktop/flipper-plugin/src/ui/theme.tsx b/desktop/flipper-plugin/src/ui/theme.tsx
index af1e1bae1..cdf0900cb 100644
--- a/desktop/flipper-plugin/src/ui/theme.tsx
+++ b/desktop/flipper-plugin/src/ui/theme.tsx
@@ -57,8 +57,8 @@ export const theme = {
     colorValue: antColors.cyan[5],
     booleanValue: antColors.magenta[5],
     numberValue: antColors.blue[5],
-    diffAddedBackground: antColors.lime[1],
-    diffRemovedBackground: antColors.volcano[1],
+    diffAddedBackground: 'var(--flipper-diff-added-background)',
+    diffRemovedBackground: 'var(--flipper-diff-removed-background)',
   },
 } as const;
 
diff --git a/desktop/themes/base.less b/desktop/themes/base.less
index 10de437b8..78dea7d8d 100644
--- a/desktop/themes/base.less
+++ b/desktop/themes/base.less
@@ -55,5 +55,7 @@
   --flipper-button-default-background: @button-default-background;
   --flipper-background-transparent-hover: @background-transparent-hover;
   --flipper-divider-color: @divider-color;
+  --flipper-diff-added-background: @diff-added-background;
+  --flipper-diff-removed-background: @diff-removed-background;
   --flipper-border-radius: @border-radius-base;
 }
diff --git a/desktop/themes/dark.less b/desktop/themes/dark.less
index da18689d1..e55929f61 100644
--- a/desktop/themes/dark.less
+++ b/desktop/themes/dark.less
@@ -47,6 +47,10 @@
 // Divider color
 @divider-color: #181818; // white 10%
 
+// Semantic colors: Diff
+@diff-added-background: @lime-2;
+@diff-removed-background: @volcano-2;
+
 ::-webkit-scrollbar { width: 8px; height: 8px; }
 ::-webkit-scrollbar-track-piece { background-color: transparent; }
 ::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.5); border-radius: 3px;}
diff --git a/desktop/themes/light.less b/desktop/themes/light.less
index 8fe41f10c..fd142d5fb 100644
--- a/desktop/themes/light.less
+++ b/desktop/themes/light.less
@@ -46,3 +46,7 @@
 
 // Divider color
 @divider-color: #ececec; // black 10%
+
+// Semantic colors: Diff
+@diff-added-background: @lime-2;
+@diff-removed-background: @volcano-2;