1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-26 20:39:08 +01:00
metamask-extension/ui/css/design-system/colors.scss
George Marshall 0244c6298c
Feat/13662 box design token updates (#13725)
* Updating Box component and adding dark theme to storybook toolbar

* Updating box props table manually

* Fixing linting issues

* Updating design-tokens to v.1.3.0

* Reverting theme/background changes in .storybook/preview.js so we can use implementation in #13651

* Updating yarn.lock

* Updating titles
2022-03-01 10:23:20 -08:00

79 lines
2.7 KiB
SCSS

$color-map: (
'background-default': --color-background-default,
'background-alternative': --color-background-alternative,
'text-default': --color-text-default,
'text-alternative': --color-text-alternative,
'text-muted': --color-text-muted,
'icon-default': --color-icon-default,
'icon-muted': --color-icon-muted,
'border-default': --color-border-default,
'border-muted': --color-border-muted,
'overlay-default': --color-overlay-default,
'overlay-inverse': --color-overlay-inverse,
'primary-default': --color-primary-default,
'primary-alternative': --color-primary-alternative,
'primary-muted': --color-primary-muted,
'primary-inverse': --color-primary-inverse,
'primary-disabled': --color-primary-disabled,
'secondary-default': --color-secondary-default,
'secondary-alternative': --color-secondary-alternative,
'secondary-muted': --color-secondary-muted,
'secondary-inverse': --color-secondary-inverse,
'secondary-disabled': --color-secondary-disabled,
'error-default': --color-error-default,
'error-alternative': --color-error-alternative,
'error-muted': --color-error-muted,
'error-inverse': --color-error-inverse,
'error-disabled': --color-error-disabled,
'warning-default': --color-warning-default,
'warning-alternative': --color-warning-alternative,
'warning-muted': --color-warning-muted,
'warning-inverse': --color-warning-inverse,
'warning-disabled': --color-warning-disabled,
'success-default': --color-success-default,
'success-alternative': --color-success-alternative,
'success-muted': --color-success-muted,
'success-inverse': --color-success-inverse,
'success-disabled': --color-success-disabled,
'info-default': --color-info-default,
'info-alternative': --color-info-alternative,
'info-muted': --color-info-muted,
'info-inverse': --color-info-inverse,
'info-disabled': --color-info-disabled,
'mainnet': --mainnet,
'ropsten': --ropsten,
'kovan': --kovan,
'rinkeby': --rinkeby,
'goerli': --goerli,
'localhost': --localhost,
'transparent': transparent,
'flask-purple': --flask-purple,
/**
* !!! DEPRECATED DO NOT USE!!!
*/
'ui-1': --ui-1,
'ui-2': --ui-2,
'ui-3': --ui-3,
'ui-4': --ui-4,
'ui-5': --ui-5,
'white': --ui-white,
'black': --ui-black,
'grey': --ui-grey,
'neutral-grey': --neutral-grey,
'primary-1': --primary-1,
'primary-2': --primary-2,
'primary-3': --primary-3,
'secondary-1': --secondary-1,
'secondary-2': --secondary-2,
'secondary-3': --secondary-3,
'alert-1': --alert-1,
'alert-2': --alert-2,
'alert-3': --alert-3,
'error-1': --error-1,
'error-2': --error-2,
'error-3': --error-3,
'success-1': --success-1,
'success-2': --success-2,
'success-3': --success-3
);