Spaces:
Runtime error
Runtime error
| 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 | |
| }; | |