Add spectrum classes for darkest theme around whole builder

6 years ago · 81ae7f6dfe
4 changed files with 899 additions and 11 deletions
--- a/packages/builder/index.html
+++ b/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>
--- a/packages/builder/package.json
+++ b/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",
--- a/packages/builder/src/main.js
+++ b/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"

--- a/packages/builder/yarn.lock
+++ b/packages/builder/yarn.lock