From c7f2a989ad5904bdd88d88b28aecd83fbf6183fa Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 4 Feb 2021 15:10:51 +0000
Subject: [PATCH] Update auto screens to use new lightest spectrum theme

---
 .../src/builderStore/store/screenTemplates/newRowScreen.js    | 2 +-
 .../src/builderStore/store/screenTemplates/rowDetailScreen.js | 2 +-
 packages/standard-components/manifest.json                    | 4 ++++
 packages/standard-components/src/index.js                     | 1 +
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/builderStore/store/screenTemplates/newRowScreen.js b/packages/builder/src/builderStore/store/screenTemplates/newRowScreen.js
index 5c32144190..2ee537ac0c 100644
--- a/packages/builder/src/builderStore/store/screenTemplates/newRowScreen.js
+++ b/packages/builder/src/builderStore/store/screenTemplates/newRowScreen.js
@@ -35,7 +35,7 @@ const createScreen = table => {
   const form = makeMainForm()
     .instanceName("Form")
     .customProps({
-      theme: "spectrum--light",
+      theme: "spectrum--lightest",
       size: "spectrum--medium",
       datasource: {
         label: table.name,
diff --git a/packages/builder/src/builderStore/store/screenTemplates/rowDetailScreen.js b/packages/builder/src/builderStore/store/screenTemplates/rowDetailScreen.js
index f15f188681..1d60cb63be 100644
--- a/packages/builder/src/builderStore/store/screenTemplates/rowDetailScreen.js
+++ b/packages/builder/src/builderStore/store/screenTemplates/rowDetailScreen.js
@@ -90,7 +90,7 @@ const createScreen = table => {
   const form = makeMainForm()
     .instanceName("Form")
     .customProps({
-      theme: "spectrum--light",
+      theme: "spectrum--lightest",
       size: "spectrum--medium",
       datasource: {
         label: table.name,
diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json
index b97c37c9f7..624fcd5829 100644
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@@ -1059,6 +1059,10 @@
         "key": "theme",
         "defaultValue": "spectrum--light",
         "options": [
+          {
+            "label": "Lightest",
+            "value": "spectrum--lightest"
+          },
           {
             "label": "Light",
             "value": "spectrum--light"
diff --git a/packages/standard-components/src/index.js b/packages/standard-components/src/index.js
index a30e747363..4c18701145 100644
--- a/packages/standard-components/src/index.js
+++ b/packages/standard-components/src/index.js
@@ -2,6 +2,7 @@ import "@budibase/bbui/dist/bbui.css"
 import "@spectrum-css/vars/dist/spectrum-global.css"
 import "@spectrum-css/vars/dist/spectrum-medium.css"
 import "@spectrum-css/vars/dist/spectrum-large.css"
+import "@spectrum-css/vars/dist/spectrum-lightest.css"
 import "@spectrum-css/vars/dist/spectrum-light.css"
 import "@spectrum-css/vars/dist/spectrum-dark.css"
 import "@spectrum-css/vars/dist/spectrum-darkest.css"