diff --git a/public/css/index.css b/public/css/index.css
index 99a57c78e0a..91bea626940 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -1989,17 +1989,9 @@ footer .ui.language .menu {
 .repository .diff-file-box .code-diff tbody tr.tag-code td.halfwidth {
   width: 50%;
 }
-.repository .diff-file-box .code-diff tbody tr.del-code td.add-code {
-  background-color: #eaffea !important;
-  border-color: #c1e9c1 !important;
-}
-.repository .diff-file-box .code-diff tbody tr.del-code td.add-code pre {
-  background-color: #eaffea !important;
-  border-color: #c1e9c1 !important;
-}
 .repository .diff-file-box .code-diff tbody tr.del-code td,
 .repository .diff-file-box .code-diff tbody tr.del-code pre {
-  background-color: #ffecec !important;
+  background-color: #ffe0e0 !important;
   border-color: #f1c0c0 !important;
 }
 .repository .diff-file-box .code-diff tbody tr.del-code td.halfwidth {
@@ -2007,7 +1999,7 @@ footer .ui.language .menu {
 }
 .repository .diff-file-box .code-diff tbody tr.add-code td,
 .repository .diff-file-box .code-diff tbody tr.add-code pre {
-  background-color: #eaffea !important;
+  background-color: #d6fcd6 !important;
   border-color: #c1e9c1 !important;
 }
 .repository .diff-file-box .code-diff tbody tr.add-code td.halfwidth {
diff --git a/public/less/_repository.less b/public/less/_repository.less
index 9f51ebc4fba..07274880fd4 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -920,39 +920,23 @@
 					// 	}
 					// }
 					&.del-code {
-						// Duplicate here to enforce add code color.
-						td.add-code {
-							background-color: #eaffea !important;
-							border-color: #c1e9c1 !important;
-							pre {
-								background-color: #eaffea !important;
-								border-color: #c1e9c1 !important;
-
-							}
-						}
 						td, pre {
-							background-color: #ffecec !important;
+							background-color: #ffe0e0 !important;
 					    border-color: #f1c0c0 !important;
 						}
 
 						td.halfwidth {
 							width: 50%;
 						}
-						// td.selected-line, td.selected-line pre {
-						// 	background-color: #ffffdd !important;
-						// }
 					}
 					&.add-code {
 						td, pre {
-							background-color: #eaffea !important;
+							background-color: #d6fcd6 !important;
 							border-color: #c1e9c1 !important;
 						}
 						td.halfwidth {
 							width: 50%;
 						}
-						// td.selected-line, td.selected-line pre {
-						// 	background-color: #ffffdd !important;
-						// }
 					}
 
 					.removed-code {