Add spectrum classes for darkest theme around whole builder

packages/builder/index.html

@@ -6,7 +6,7 @@
 	<title>Budibase Builder</title>
 	<link rel='icon' type='image/png' href='./src/favicon.png'>
 </head>
-<body id="app">
+<body id="app" class="spectrum spectrum--medium spectrum--darkest">
 	<script type="module" src='/src/main.js'></script>
 </body>
 </html>

packages/builder/package.json

@@ -70,6 +70,8 @@
     "@budibase/string-templates": "^0.8.9",
     "@budibase/svelte-ag-grid": "^1.0.4",
     "@sentry/browser": "5.19.1",
+    "@spectrum-css/page": "^3.0.1",
+    "@spectrum-css/vars": "^3.0.1",
     "@svelteschool/svelte-forms": "0.7.0",
     "codemirror": "^5.59.0",
     "downloadjs": "1.4.7",

packages/builder/src/main.js

@@ -4,6 +4,10 @@ import "./fonts.css"
 import "./budibase.css"
 import "./fonts.css"
 import "@budibase/bbui/dist/style.css"
+import "@spectrum-css/vars/dist/spectrum-global.css"
+import "@spectrum-css/vars/dist/spectrum-medium.css"
+import "@spectrum-css/vars/dist/spectrum-darkest.css"
+import "@spectrum-css/page/dist/index-vars.css"
 
 import App from "./App.svelte"