From f0190168384a5435e48fd24477ef1eb12800eef2 Mon Sep 17 00:00:00 2001
From: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
Date: Tue, 28 May 2024 11:12:24 +0200
Subject: [PATCH] make diff colors work in dark theme

---
 .../documents/modals/rollback/rollback-modal.element.ts    | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/rollback/rollback-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/rollback/rollback-modal.element.ts
index 253f5ee822..aa156524b6 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/rollback/rollback-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/rollback/rollback-modal.element.ts
@@ -314,6 +314,9 @@ export class UmbRollbackModalElement extends UmbModalBaseElement<UmbRollbackModa
 	static styles = [
 		UmbTextStyles,
 		css`
+			:host {
+				color: var(--uui-color-text);
+			}
 			#language-select {
 				display: flex;
 				flex-direction: column;
@@ -323,10 +326,10 @@ export class UmbRollbackModalElement extends UmbModalBaseElement<UmbRollbackModa
 				font-size: 15px;
 			}
 			#diff .added {
-				background-color: #d1ffdb;
+				background-color: #29ff6d5a;
 			}
 			#diff .removed {
-				background-color: #ffd1d1;
+				background-color: #ff35356a;
 			}
 			.rollback-item {
 				position: relative;