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

Update remaining static color variables to spectrum instead

This commit is contained in:
Andrew Kingston 2021-07-05 14:02:49 +01:00
parent d5cfcc8ba7
commit a84d1d2ec8
8 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/utils/styleable.js
View File

@ -29,7 +29,7 @@ export const styleable = (node, styles = {}) => {
// overridden by any user specified styles // overridden by any user specified styles
let baseStyles = {} let baseStyles = {}
if (newStyles.empty) { if (newStyles.empty) {
baseStyles.border = "2px dashed var(--grey-5)" baseStyles.border = "2px dashed var(--spectrum-global-color-gray-600)"
baseStyles.padding = "var(--spacing-l)" baseStyles.padding = "var(--spacing-l)"
baseStyles.overflow = "hidden" baseStyles.overflow = "hidden"
} }

2
packages/standard-components/src/Heading.svelte
View File

@ -56,7 +56,7 @@
} }
.placeholder { .placeholder {
font-style: italic; font-style: italic;
color: var(--grey-6); color: var(--spectrum-global-color-gray-600);
} }
.bold { .bold {
font-weight: 700; font-weight: 700;

2
packages/standard-components/src/Link.svelte
View File

@ -83,7 +83,7 @@
} }
.placeholder { .placeholder {
font-style: italic; font-style: italic;
color: var(--grey-6); color: var(--spectrum-global-color-gray-600);
} }
.bold { .bold {
font-weight: 600; font-weight: 600;

2
packages/standard-components/src/Placeholder.svelte
View File

@ -15,7 +15,7 @@
<style> <style>
div { div {
color: var(--grey-6); color: var(--spectrum-global-color-gray-600);
font-size: var(--font-size-s); font-size: var(--font-size-s);
} }
</style> </style>

4
packages/standard-components/src/Repeater.svelte
View File

@ -33,7 +33,7 @@
<style> <style>
.noRows { .noRows {
color: var(--grey-6); color: var(--spectrum-global-color-gray-600);
font-size: var(--font-size-s); font-size: var(--font-size-s);
padding: var(--spacing-l); padding: var(--spacing-l);
display: grid; display: grid;
@ -42,6 +42,6 @@
.noRows i { .noRows i {
margin-bottom: var(--spacing-m); margin-bottom: var(--spacing-m);
font-size: 1.5rem; font-size: 1.5rem;
color: var(--grey-5); color: var(--spectrum-global-color-gray-600);
} }
</style> </style>

2
packages/standard-components/src/ScreenSlot.svelte
View File

@ -30,6 +30,6 @@
} }
span { span {
font-size: var(--font-size-s); font-size: var(--font-size-s);
color: var(--grey-6); color: var(--spectrum-global-color-gray-600);
} }
</style> </style>

2
packages/standard-components/src/Section.svelte
View File

@ -67,7 +67,7 @@
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
.placeholder { .placeholder {
border: 2px dashed var(--grey-5); border: 2px dashed var(--spectrum-global-color-gray-600);
padding: var(--spacing-l); padding: var(--spacing-l);
} }
</style> </style>

2
packages/standard-components/src/Text.svelte
View File

@ -54,7 +54,7 @@
} }
.placeholder { .placeholder {
font-style: italic; font-style: italic;
color: var(--grey-6); color: var(--spectrum-global-color-gray-600);
} }
.bold { .bold {
font-weight: 600; font-weight: 600;