{"componentChunkName":"component---src-pages-design-guidelines-color-usage-mdx","path":"/en/design-guidelines/color/usage/","result":{"pageContext":{"frontmatter":{},"intl":{"language":"en","languages":["en","pt"],"messages":{"skip-to-content":"Skip to content","switch-to-dark":"Switch to dark theme","switch-to-light":"Switch to light theme","home-getting-started":"Getting started","home-aria-title":"Accessible","home-aria-description":"Lemonade components were built following the specifications of WCAG AA level, so you can build inclusive digital products to enhance user experience.","home-opensource-title":"Open source","home-opensource-description":"Lemonade is an open source project, so feel free to contribute, open issues if you find any bugs or implement new features. Find more information on GitHub.","home-customizable-title":"Customizable","home-customizable-description":"By default, Lemonade exports light and dark themes, but you can create a custom theme and use any primary palette that fits your project.","home-welcome":"Lemonade's open source design system","resources-title":"Resources","resources-description":"Here you can download some of the design resources and tools we consider will help you to build products experiences.","resources-figma-description":"Figma symbols, visual styles and patterns.","resources-figma-coming-soon":"Coming soon","menu-getting-started":"Getting Started","menu-about":"About","menu-design-guidelines":"Design Guidelines","menu-accessibility":"Accessibility","menu-data-visualization":"Data visualization","menu-color":"Color","menu-grid":"Grid","menu-iconography":"Iconography","menu-typography":"Typography","menu-usage":"Usage","menu-styles":"Styles","menu-theme":"Theme","menu-internationalization":"Internationalization","menu-components":"Components","menu-overview":"Overview","menu-accordion":"Accordion","menu-alert":"Alert","menu-breadcrumb":"Breadcrumb","menu-button":"Button","menu-cards":"Cards","menu-checkbox":"Checkbox","menu-content-switch":"Content Switch","menu-date-picker":"Date Picker","menu-dropdown":"Dropdown","menu-file-uploader":"File Uploader","menu-form":"Form","menu-link":"Link","menu-modal":"Modal","menu-multi-select":"Multi Select","menu-month-paginator":"Month Paginator","menu-paginator":"Paginator","menu-radio-button":"Radio Button","menu-search":"Search","menu-select":"Select","menu-stepper":"Stepper","menu-switch":"Switch","menu-table":"Table","menu-tabs":"Tabs","menu-tag":"Tag","menu-text-field":"Text Field","menu-toast":"Toast","menu-tooltip":"Tooltip","menu-resources":"Resources","menu-storybook":"Storybook","color-name-blue":"Blue","color-name-gray":"Gray","color-name-green":"Green","color-name-lemon":"Lemon","color-name-orange":"Orange","color-name-purple":"Purple","color-name-red":"Red","color-name-turquoise":"Turquoise","color-name-yellow":"Yellow","color-name-pink":"Pink","phosphor-explorer-label":"Phosphor icon explorer","phosphor-search-label":"Search icons","phosphor-search-placeholder":"Search {count} icons by name, tag or category…","phosphor-category":"Category","phosphor-all-categories":"All categories","phosphor-weight":"Weight","phosphor-weight-thin":"Thin","phosphor-weight-light":"Light","phosphor-weight-regular":"Regular","phosphor-weight-bold":"Bold","phosphor-weight-fill":"Fill","phosphor-weight-duotone":"Duotone","phosphor-size":"Size","phosphor-color":"Color","phosphor-color-auto":"Auto","phosphor-reset":"Restore defaults","phosphor-random":"Randomize weight, size and color","phosphor-copy-link":"Copy a link to these settings","phosphor-link-copied":"Link copied","phosphor-results":"{count} icons","phosphor-shortcuts":"Press / to search and Esc to close the details","phosphor-loading":"Loading icons…","phosphor-load-error":"The icons could not be loaded.","phosphor-retry":"Try again","phosphor-no-results":"No icons found for “{query}”.","phosphor-details":"Details of the {name} icon","phosphor-close":"Close details","phosphor-since":"since v{version}","phosphor-updated-in":"updated in v{version}","phosphor-new":"New","phosphor-updated":"Updated","phosphor-alias":"Formerly “{alias}”","phosphor-view-upstream":"View on phosphoricons.com","phosphor-download":"Download","phosphor-copy":"Copy","phosphor-copy-name":"Name","phosphor-copy-snippet":"Copy code","phosphor-copy-failed":"Could not copy","phosphor-done":"{what} ready","phosphor-tags":"Tags","phosphor-snippet-react":"React","phosphor-snippet-icon":"Lemonade Icon","phosphor-snippet-svg":"SVG","phosphor-snippet-dataUrl":"Data URL","phosphor-category-arrows":"Arrows","phosphor-category-brands":"Brands","phosphor-category-commerce":"Commerce","phosphor-category-communications":"Communications","phosphor-category-design":"Design","phosphor-category-editor":"Editor","phosphor-category-finances":"Finances","phosphor-category-games":"Games","phosphor-category-health-wellness":"Health & wellness","phosphor-category-maps-travel":"Maps & travel","phosphor-category-media":"Media","phosphor-category-nature":"Nature","phosphor-category-objects":"Objects","phosphor-category-office":"Office","phosphor-category-people":"People","phosphor-category-system":"System","phosphor-category-technology-development":"Technology & development","phosphor-category-weather":"Weather","phosphor-recipe-gradient":"Gradients","phosphor-recipe-gradient-description":"Pass a linearGradient as children and use it as the color.","phosphor-recipe-duotone":"Two colors","phosphor-recipe-duotone-description":"Duotone icons accept duotoneColor and duotoneOpacity.","phosphor-recipe-animation":"Animation","phosphor-recipe-animation-description":"Icons are plain SVG: animate them with CSS (respecting reduced motion).","phosphor-recipe-hand-drawn":"Hand-drawn","phosphor-recipe-hand-drawn-description":"SVG filters such as turbulence give a sketchy look.","phosphor-recipe-mirrored":"Mirrored","phosphor-recipe-mirrored-description":"mirrored flips the icon for right-to-left layouts."},"routed":true,"originalPath":"/design-guidelines/color/usage/","redirect":true}}},"staticQueryHashes":[]}