From 94eba9281f1a1b9139f83fd8eb17aed254b13d72 Mon Sep 17 00:00:00 2001
From: Sanajit Jana <sanajit.jana@mplifytech.com>
Date: Mon, 24 Jun 2024 12:24:42 +0530
Subject: [PATCH 1/2] Adapt history dialog to dark theme

See gh-1522
---
 start-client/src/styles/_dark.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/start-client/src/styles/_dark.scss b/start-client/src/styles/_dark.scss
index 58a0127dbab..3414d8fbcbd 100644
--- a/start-client/src/styles/_dark.scss
+++ b/start-client/src/styles/_dark.scss
@@ -396,4 +396,23 @@ body.dark {
     box-shadow: inset 0 0 0 2px $dark-color;
     background: $dark-background;
   }
+
+  .modal-share .modal-header {
+    background: $dark-background;
+    border-bottom: 1px solid #4a5053;
+  }
+  .modal-content {
+    background: $dark-background;
+  }
+  .modal-content .list a.item {
+    background: $dark-background-secondary;
+    color: white;
+    &:hover {
+      background: lighten($dark-background-secondary, 2);
+    }
+  }
+  .modal-action {
+    background: $dark-background;
+    border-top: 1px solid #4a5053;
+  }
 }

From 8079e0026c22a8dd6fa5926547817393dd25063e Mon Sep 17 00:00:00 2001
From: Moritz Halbritter <moritz.halbritter@broadcom.com>
Date: Mon, 24 Jun 2024 13:41:06 +0200
Subject: [PATCH 2/2] Polish "Adapt history dialog to dark theme"

See gh-1522
---
 start-client/src/styles/_dark.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/start-client/src/styles/_dark.scss b/start-client/src/styles/_dark.scss
index 3414d8fbcbd..819696c4b54 100644
--- a/start-client/src/styles/_dark.scss
+++ b/start-client/src/styles/_dark.scss
@@ -399,20 +399,23 @@ body.dark {
 
   .modal-share .modal-header {
     background: $dark-background;
-    border-bottom: 1px solid #4a5053;
+    border-bottom: 1px solid $dark-border;
+  }
+  .modal-history-container {
+    border: 1px solid $dark-border;
   }
   .modal-content {
     background: $dark-background;
   }
   .modal-content .list a.item {
     background: $dark-background-secondary;
-    color: white;
+    color: $dark-color;
     &:hover {
       background: lighten($dark-background-secondary, 2);
     }
   }
   .modal-action {
     background: $dark-background;
-    border-top: 1px solid #4a5053;
+    border-top: 1px solid $dark-border;
   }
 }