change explanation modal colors

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;

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;

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,

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,