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"