From d02c04ebbecf81e5edf8ff0efa6e6ec8f19d9000 Mon Sep 17 00:00:00 2001
From: Gerard Burns <gjburns9@hotmail.com>
Date: Tue, 14 May 2024 13:26:04 +0100
Subject: [PATCH] change explanation modal colors

---
 .../design/settings/controls/Explanation/Explanation.svelte     | 2 +-
 .../design/settings/controls/Explanation/typography/Line.svelte | 1 -
 packages/client/src/components/app/charts/DonutChart.svelte     | 2 +-
 packages/client/src/components/app/charts/PieChart.svelte       | 2 +-
 4 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/builder/src/components/design/settings/controls/Explanation/Explanation.svelte b/packages/builder/src/components/design/settings/controls/Explanation/Explanation.svelte
index f65673d788..d32911ae0e 100644
--- a/packages/builder/src/components/design/settings/controls/Explanation/Explanation.svelte
+++ b/packages/builder/src/components/design/settings/controls/Explanation/Explanation.svelte
@@ -94,7 +94,7 @@
 <style>
   .tooltipContents {
     max-width: 450px;
-    background-color: var(--background-alt);
+    background-color: var(--spectrum-global-color-gray-100);
     display: block;
     padding: 20px 16px 10px;
     border-radius: 5px;
diff --git a/packages/builder/src/components/design/settings/controls/Explanation/typography/Line.svelte b/packages/builder/src/components/design/settings/controls/Explanation/typography/Line.svelte
index 75575c94aa..5d28ba0423 100644
--- a/packages/builder/src/components/design/settings/controls/Explanation/typography/Line.svelte
+++ b/packages/builder/src/components/design/settings/controls/Explanation/typography/Line.svelte
@@ -11,7 +11,6 @@
 
 <style>
   .line {
-    background-color: var(--background-alt);
     color: var(--ink);
     align-items: flex-start;
     display: flex;
diff --git a/packages/client/src/components/app/charts/DonutChart.svelte b/packages/client/src/components/app/charts/DonutChart.svelte
index e9ed4e14be..dad9edfd67 100644
--- a/packages/client/src/components/app/charts/DonutChart.svelte
+++ b/packages/client/src/components/app/charts/DonutChart.svelte
@@ -30,7 +30,7 @@
     },
     legend: {
       show: legend,
-      position: "top",
+      position: "right",
       horizontalAlign: "right",
       showForSingleSeries: true,
       showForNullSeries: true,
diff --git a/packages/client/src/components/app/charts/PieChart.svelte b/packages/client/src/components/app/charts/PieChart.svelte
index ed5413e0d9..3250a2ca95 100644
--- a/packages/client/src/components/app/charts/PieChart.svelte
+++ b/packages/client/src/components/app/charts/PieChart.svelte
@@ -30,7 +30,7 @@
     },
     legend: {
       show: legend,
-      position: "top",
+      position: "right",
       horizontalAlign: "right",
       showForSingleSeries: true,
       showForNullSeries: true,