MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add nord theme

This commit is contained in:
Andrew Kingston 2022-03-15 11:20:06 +00:00
parent 483ae85bb8
commit 1e78ff1463
5 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/builder/src/builderStore/store/theme.js
View File

@ -21,6 +21,10 @@ export const getThemeStore = () => {
`spectrum--${option}`, `spectrum--${option}`,
option === state.theme option === state.theme
) )
// Ensure darkest is always added as this is the base class for custom
// themes
themeElement.classList.add("spectrum--darkest")
}) })
}) })

4
packages/builder/src/components/design/AppPreview/AppThemeSelect.svelte
View File

@ -20,6 +20,10 @@
label: "Darkest", label: "Darkest",
value: "spectrum--darkest", value: "spectrum--darkest",
}, },
{
label: "Nord",
value: "spectrum--nord",
},
] ]
const onChangeTheme = async theme => { const onChangeTheme = async theme => {

1
packages/builder/src/main.js
View File

@ -5,6 +5,7 @@ import "@spectrum-css/vars/dist/spectrum-darkest.css"
import "@spectrum-css/vars/dist/spectrum-dark.css" import "@spectrum-css/vars/dist/spectrum-dark.css"
import "@spectrum-css/vars/dist/spectrum-light.css" import "@spectrum-css/vars/dist/spectrum-light.css"
import "@spectrum-css/vars/dist/spectrum-lightest.css" import "@spectrum-css/vars/dist/spectrum-lightest.css"
import "@budibase/frontend-core/src/themes/nord.css"
import "@spectrum-css/page/dist/index-vars.css" import "@spectrum-css/page/dist/index-vars.css"
import "./global.css" import "./global.css"
import { suppressWarnings } from "./helpers/warnings" import { suppressWarnings } from "./helpers/warnings"

2
packages/client/src/components/ClientApp.svelte
View File

@ -77,7 +77,7 @@
id="spectrum-root" id="spectrum-root"
lang="en" lang="en"
dir="ltr" dir="ltr"
class="spectrum spectrum--medium {$themeStore.theme}" class="spectrum spectrum--medium spectrum--darkest {$themeStore.theme}"
> >
{#if permissionError} {#if permissionError}
<div class="error"> <div class="error">

8
packages/client/src/components/app/index.js
View File

@ -1,10 +1,11 @@
import "@spectrum-css/vars/dist/spectrum-global.css" import "@spectrum-css/vars/dist/spectrum-global.css"
import "@spectrum-css/vars/dist/spectrum-medium.css" import "@spectrum-css/vars/dist/spectrum-medium.css"
import "@spectrum-css/vars/dist/spectrum-large.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" import "@spectrum-css/vars/dist/spectrum-darkest.css"
import "@spectrum-css/vars/dist/spectrum-dark.css"
import "@spectrum-css/vars/dist/spectrum-light.css"
import "@spectrum-css/vars/dist/spectrum-lightest.css"
import "@budibase/frontend-core/src/themes/nord.css"
import "@spectrum-css/page/dist/index-vars.css" import "@spectrum-css/page/dist/index-vars.css"
// Non user-facing components // Non user-facing components
@ -34,6 +35,7 @@ export { default as markdownviewer } from "./MarkdownViewer.svelte"
export * from "./charts" export * from "./charts"
export * from "./forms" export * from "./forms"
export * from "./table" export * from "./table"
export * from "./blocks" export * from "./blocks"
export * from "./dynamic-filter" export * from "./dynamic-filter"