m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +01:00
Code

Dark Mode: updating COLORS.BLACK to COLORS.TEXT_DEFAULT (#14063)

Browse Source
This commit is contained in:
George Marshall 2022-03-21 06:58:27 -07:00 committed by GitHub
parent 40c341f1c0
commit 9d1818df1b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/components/app/gas-details-item/gas-details-item-title/index.scss
View File

@ -3,7 +3,7 @@
font-weight: 400; font-weight: 400;
font-style: italic; font-style: italic;
font-size: 12px; font-size: 12px;
color: var(--color-text-alternative); color: var(--color-text-muted);
line-height: inherit; line-height: inherit;
} }
} }

2
ui/components/app/gas-details-item/gas-details-item.js
View File

@ -36,7 +36,7 @@ const GasDetailsItem = ({ userAcknowledgedGasMissing = false }) => {
<TransactionDetailItem <TransactionDetailItem
key="gas-item" key="gas-item"
detailTitle={<GasDetailsItemTitle />} detailTitle={<GasDetailsItemTitle />}
detailTitleColor={COLORS.BLACK} detailTitleColor={COLORS.TEXT_DEFAULT}
detailText={ detailText={
<div className="gas-details-item__currency-container"> <div className="gas-details-item__currency-container">
<LoadingHeartBeat estimateUsed={estimateUsed} /> <LoadingHeartBeat estimateUsed={estimateUsed} />

1
ui/components/ui/box/README.mdx
View File

@ -102,7 +102,6 @@ UI1: 'ui-1',
UI2: 'ui-2', UI2: 'ui-2',
UI3: 'ui-3', UI3: 'ui-3',
UI4: 'ui-4', UI4: 'ui-4',
BLACK: 'black',
GREY: 'grey', GREY: 'grey',
NEUTRAL_GREY: 'neutral-grey', NEUTRAL_GREY: 'neutral-grey',
WHITE: 'white', WHITE: 'white',

4
ui/components/ui/definition-list/definition-list.stories.js
View File

@ -58,7 +58,7 @@ export const WithTypographyControl = () => (
gapSize={select('gapSize', SIZES, SIZES.SM)} gapSize={select('gapSize', SIZES, SIZES.SM)}
termTypography={{ termTypography={{
variant: select('termTypography.variant', TYPOGRAPHY, TYPOGRAPHY.H6), variant: select('termTypography.variant', TYPOGRAPHY, TYPOGRAPHY.H6),
color: select('termTypography.color', COLORS, COLORS.BLACK), color: select('termTypography.color', COLORS, COLORS.TEXT_DEFAULT),
}} }}
definitionTypography={{ definitionTypography={{
variant: select( variant: select(
@ -66,7 +66,7 @@ export const WithTypographyControl = () => (
TYPOGRAPHY, TYPOGRAPHY,
TYPOGRAPHY.H6, TYPOGRAPHY.H6,
), ),
color: select('definitionTypography.color', COLORS, COLORS.BLACK), color: select('definitionTypography.color', COLORS, COLORS.TEXT_DEFAULT),
}} }}
/> />
); );

1
ui/components/ui/typography/README.mdx
View File

@ -118,7 +118,6 @@ UI1: 'ui-1',
UI2: 'ui-2', UI2: 'ui-2',
UI3: 'ui-3', UI3: 'ui-3',
UI4: 'ui-4', UI4: 'ui-4',
BLACK: 'black',
GREY: 'grey', GREY: 'grey',
NEUTRAL_GREY: 'neutral-grey', NEUTRAL_GREY: 'neutral-grey',
WHITE: 'white', WHITE: 'white',

1
ui/components/ui/typography/typography.js
View File

@ -36,7 +36,6 @@ export const ValidColors = [
COLORS.UI2, COLORS.UI2,
COLORS.UI3, COLORS.UI3,
COLORS.UI4, COLORS.UI4,
COLORS.BLACK,
COLORS.GREY, COLORS.GREY,
COLORS.NEUTRAL_GREY, COLORS.NEUTRAL_GREY,
COLORS.WHITE, COLORS.WHITE,

1
ui/helpers/constants/design-system.js
View File

@ -60,7 +60,6 @@ export const COLORS = {
UI2: 'ui-2', UI2: 'ui-2',
UI3: 'ui-3', UI3: 'ui-3',
UI4: 'ui-4', UI4: 'ui-4',
BLACK: 'black',
GREY: 'grey', GREY: 'grey',
NEUTRAL_GREY: 'neutral-grey', NEUTRAL_GREY: 'neutral-grey',
WHITE: 'white', WHITE: 'white',

1
ui/pages/confirm-transaction-base/confirm-transaction-base.component.js
View File

@ -490,7 +490,6 @@ export default class ConfirmTransactionBase extends Component {
</> </>
) )
} }
detailTitleColor={COLORS.BLACK}
detailText={ detailText={
!isMultiLayerFeeNetwork && ( !isMultiLayerFeeNetwork && (
<div className="confirm-page-container-content__currency-container"> <div className="confirm-page-container-content__currency-container">

2
ui/pages/confirmation/confirmation.js
View File

@ -188,7 +188,7 @@ export default function ConfirmationPage() {
<NetworkDisplay <NetworkDisplay
colored={false} colored={false}
indicatorSize={SIZES.XS} indicatorSize={SIZES.XS}
labelProps={{ color: COLORS.BLACK }} labelProps={{ color: COLORS.TEXT_DEFAULT }}
/> />
</Box> </Box>
) : null} ) : null}