Spaces:
Runtime error
Runtime error
File size: 4,118 Bytes
8fd7a1d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 |
const guiColors = {
'color-scheme': 'light',
'ui-primary': 'hsla(215, 100%, 95%, 1)', /* #E5F0FF */
'ui-secondary': 'hsla(215, 75%, 95%, 1)', /* #E9F1FC */
'ui-tertiary': 'hsla(215, 50%, 90%, 1)', /* #D9E3F2 */
'ui-modal-overlay': 'var(--motion-primary-transparent)',
'ui-modal-background': 'hsla(0, 100%, 100%, 1)', /* #FFFFFF */
'ui-modal-foreground': 'hsla(225, 15%, 40%, 1)', /* #575E75 */
'ui-modal-header-background': 'var(--looks-secondary)',
'ui-modal-header-foreground': 'hsla(0, 100%, 100%, 1)', /* #FFFFFF */
'ui-white': 'hsla(0, 100%, 100%, 1)', /* #FFFFFF */
'ui-white-dim': 'hsla(0, 100%, 100%, 0.75)', /* 25% transparent version of ui-white */
'ui-white-transparent': 'hsla(0, 100%, 100%, 0.25)', /* 25% transparent version of ui-white */
'ui-transparent': 'hsla(0, 100%, 100%, 0)', /* 25% transparent version of ui-white */
'ui-black-transparent': 'hsla(0, 0%, 0%, 0.15)', /* 15% transparent version of black */
'text-primary': 'hsla(225, 15%, 40%, 1)', /* #575E75 */
'text-primary-transparent': 'hsla(225, 15%, 40%, 0.75)',
'motion-primary': 'hsla(215, 100%, 65%, 1)', /* #4C97FF */
'motion-primary-transparent': 'hsla(215, 100%, 65%, 0.9)', /* 90% transparent version of motion-primary */
'motion-tertiary': 'hsla(215, 60%, 50%, 1)', /* #3373CC */
'looks-secondary': 'hsla(260, 60%, 60%, 1)', /* #855CD6 */
'looks-transparent': 'hsla(260, 60%, 60%, 0.35)', /* 35% transparent version of looks-tertiary */
'looks-light-transparent': 'hsla(260, 60%, 60%, 0.15)', /* 15% transparent version of looks-tertiary */
'looks-secondary-dark': 'hsla(260, 42%, 51%, 1)', /* #714EB6 */
'red-primary': 'hsla(20, 100%, 55%, 1)', /* #FF661A */
'red-tertiary': 'hsla(20, 100%, 45%, 1)', /* #E64D00 */
'sound-primary': 'hsla(300, 53%, 60%, 1)', /* #CF63CF */
'sound-tertiary': 'hsla(300, 48%, 50%, 1)', /* #BD42BD */
'control-primary': 'hsla(38, 100%, 55%, 1)', /* #FFAB19 */
'data-primary': 'hsla(30, 100%, 55%, 1)', /* #FF8C1A */
'pen-primary': 'hsla(163, 85%, 40%, 1)', /* #0FBD8C */
'pen-transparent': 'hsla(163, 85%, 40%, 0.25)', /* #0FBD8C */
'pen-tertiary': 'hsla(163, 86%, 30%, 1)', /* #0B8E69 */
'error-primary': 'hsla(30, 100%, 55%, 1)', /* #FF8C1A */
'error-light': 'hsla(30, 100%, 70%, 1)', /* #FFB366 */
'error-transparent': 'hsla(30, 100%, 55%, 0.25)', /* #FF8C1A */
'extensions-primary': 'hsla(163, 85%, 40%, 1)', /* #0FBD8C */
'extensions-tertiary': 'hsla(163, 85%, 30%, 1)', /* #0B8E69 */
'extensions-transparent': 'hsla(163, 85%, 40%, 0.35)', /* 35% transparent version of extensions-primary */
'extensions-light': 'hsla(163, 57%, 85%, 1)', /* opaque version of extensions-transparent, on white bg */
'drop-highlight': 'hsla(215, 100%, 77%, 1)', /* lighter than motion-primary */
'menu-bar-background': 'var(--looks-secondary)',
'menu-bar-background-image': 'none',
'menu-bar-foreground': '#ffffff',
'assets-background': '#ffffff',
'input-background': '#ffffff',
'popover-background': '#ffffff',
'shadow': 'hsla(0, 0%, 0%, 0.15)',
'badge-background': '#dbebff',
'badge-border': '#b9d6ff',
'fullscreen-background': '#ffffff',
'fullscreen-accent': '#e8edf1',
'page-background': '#ffffff',
'page-foreground': '#000000',
'project-title-inactive': 'var(--ui-white-transparent)',
'project-title-hover': '#ffffff7f',
'link-color': '#2255dd',
'filter-icon-black': 'none',
'filter-icon-gray': 'grayscale(100%)',
'filter-icon-white': 'none',
'paint-ui-pane-border': 'var(--ui-black-transparent)',
'paint-text-primary': 'var(--text-primary)',
'paint-form-border': 'var(--ui-black-transparent)',
'paint-looks-secondary': 'var(--looks-secondary)',
'paint-looks-transparent': 'var(--looks-transparent)',
'paint-input-background': 'var(--input-background)',
'paint-popover-background': 'var(--popover-background)',
'paint-filter-icon-gray': 'none'
};
const blockColors = {};
export {
guiColors,
blockColors
};
|