m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +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-style: italic;
font-size: 12px;
color: var(--color-text-alternative);
color: var(--color-text-muted);
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
key="gas-item"
detailTitle={<GasDetailsItemTitle />}
detailTitleColor={COLORS.BLACK}
detailTitleColor={COLORS.TEXT_DEFAULT}
detailText={
<div className="gas-details-item__currency-container">
<LoadingHeartBeat estimateUsed={estimateUsed} />

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

@ -102,7 +102,6 @@ UI1: 'ui-1',
UI2: 'ui-2',
UI3: 'ui-3',
UI4: 'ui-4',
BLACK: 'black',
GREY: 'grey',
NEUTRAL_GREY: 'neutral-grey',
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)}
termTypography={{
variant: select('termTypography.variant', TYPOGRAPHY, TYPOGRAPHY.H6),
color: select('termTypography.color', COLORS, COLORS.BLACK),
color: select('termTypography.color', COLORS, COLORS.TEXT_DEFAULT),
}}
definitionTypography={{
variant: select(
@ -66,7 +66,7 @@ export const WithTypographyControl = () => (
TYPOGRAPHY,
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',
UI3: 'ui-3',
UI4: 'ui-4',
BLACK: 'black',
GREY: 'grey',
NEUTRAL_GREY: 'neutral-grey',
WHITE: 'white',

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

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

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

@ -60,7 +60,6 @@ export const COLORS = {
UI2: 'ui-2',
UI3: 'ui-3',
UI4: 'ui-4',
BLACK: 'black',
GREY: 'grey',
NEUTRAL_GREY: 'neutral-grey',
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={
!isMultiLayerFeeNetwork && (
<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
colored={false}
indicatorSize={SIZES.XS}
labelProps={{ color: COLORS.BLACK }}
labelProps={{ color: COLORS.TEXT_DEFAULT }}
/>
</Box>
) : null}