design-tokens
design-tokens copied to clipboard
Design tokens to be used throughout MetaMask products
#### Description The current JSON file generated from Figma variables, which serves as the source for our design tokens, successfully captures the new names for brand colors, light theme, and...
## **Description** ## **Related issues** Fixes: ## **Manual testing steps** 1. Go to this page... 2. 3. ## **Screenshots/Recordings** ### **Before** ### **After** ## **Pre-merge author checklist** - [ ]...
## **Description** ## **Related issues** Fixes: ## **Manual testing steps** 1. Go to this page... 2. 3. ## **Screenshots/Recordings** ### **Before** ### **After** ## **Pre-merge author checklist** - [ ]...
### Description Currently, the mobile project is importing types from the design tokens by traversing into the source folder. This is not ideal and could be improved by exporting all...
### Description The purpose of this ticket is to ensure that the recent updates to the design tokens, as part of our brand evolution, are correctly implemented and functioning as...
### Description As part of our ongoing efforts to align our portfolio with the latest brand evolution standards, we have introduced a series of design token updates reflecting brand evolution....
### Description To enhance the efficiency and consistency of our design system implementation, we propose the automation of CSS variable generation using Style Dictionary, directly from our design tokens defined...
### Description If spike ticket #668 fails, this ticket is no longer valid. We need to create unit tests to ensure that the values in the CSS variables are aligned...
### **Description** ```TL;DR: The task is to build a test that confirms the Figma JSON hex code aligns with the CSS variable hex code``` This task aims to explore and...
### Description With the recent introduction of dynamic theming as a feature in our application, there is a need to create comprehensive documentation around its implementation and usage. This documentation...