Update auto screens to use new lightest spectrum theme

5 years ago · c7f2a989ad
4 changed files with 7 additions and 2 deletions
--- 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,
--- 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,
--- 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"
--- 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"