From 34a2382b88f40c059dfe821aad882ec01717b1ef Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Wed, 12 May 2021 14:52:43 +0100
Subject: [PATCH] Fix two-tone spectrum background colours

---
 packages/bbui/src/Table/Table.svelte               | 4 ++--
 packages/builder/src/global.css                    | 6 +-----
 packages/standard-components/src/forms/Form.svelte | 1 +
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/bbui/src/Table/Table.svelte b/packages/bbui/src/Table/Table.svelte
index 56f1ac96a8..4278751c5f 100644
--- a/packages/bbui/src/Table/Table.svelte
+++ b/packages/bbui/src/Table/Table.svelte
@@ -345,7 +345,7 @@
 
 <style>
   .wrapper {
-    background-color: var(--spectrum-alias-background-color-default);
+    background-color: var(--spectrum-alias-background-color-secondary);
     overflow: hidden;
     position: relative;
     z-index: 1;
@@ -389,7 +389,7 @@
     position: sticky;
     top: 0;
     z-index: 2;
-    background-color: var(--spectrum-alias-background-color-default);
+    background-color: var(--spectrum-alias-background-color-secondary);
     border-bottom: 1px solid
       var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid));
   }
diff --git a/packages/builder/src/global.css b/packages/builder/src/global.css
index 09c8dd2a34..ed80f10b1c 100644
--- a/packages/builder/src/global.css
+++ b/packages/builder/src/global.css
@@ -6,13 +6,9 @@ html, body {
     min-height: 100%;
 }
 
-.spectrum--light {
-    /*--spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-75);*/
-}
-
 body {
     --background: var(--spectrum-alias-background-color-primary);
-    --background-alt: var(--spectrum-alias-background-color-default);
+    --background-alt: var(--spectrum-alias-background-color-secondary);
     --border-light: 1px solid var(--spectrum-global-color-gray-300);
     --border-dark: 1px solid var(--spectrum-global-color-gray-400);
     --ink: var(--spectrum-alias-text-color);
diff --git a/packages/standard-components/src/forms/Form.svelte b/packages/standard-components/src/forms/Form.svelte
index ccc61fab9e..afa4aeeeb4 100644
--- a/packages/standard-components/src/forms/Form.svelte
+++ b/packages/standard-components/src/forms/Form.svelte
@@ -187,5 +187,6 @@
   div {
     padding: 20px;
     position: relative;
+    background-color: var(--spectrum-alias-background-color-secondary);
   }
 </style>