diff --git a/packages/page-bounties/src/Bounty.tsx b/packages/page-bounties/src/Bounty.tsx index 0385a65bdc..714453401f 100644 --- a/packages/page-bounties/src/Bounty.tsx +++ b/packages/page-bounties/src/Bounty.tsx @@ -333,9 +333,4 @@ export default React.memo(styled(Bounty)(({ theme }: ThemeProps) => ` display: flex; justify-content: space-between; } - - & .ui--FormatBalance { - font-size: 0.85rem; - line-height: 1.4rem; - } `)); diff --git a/packages/page-bounties/src/BountyNextActionInfo/BountyInfo.tsx b/packages/page-bounties/src/BountyNextActionInfo/BountyInfo.tsx index 709271a778..1959607d43 100644 --- a/packages/page-bounties/src/BountyNextActionInfo/BountyInfo.tsx +++ b/packages/page-bounties/src/BountyNextActionInfo/BountyInfo.tsx @@ -7,7 +7,7 @@ import styled from 'styled-components'; import { Icon } from '@polkadot/react-components'; import { ThemeProps } from '@polkadot/react-components/types'; -import { bountyColor, bountyLabelColor, bountySvgColor } from '../theme'; +import { bountyLabelColor, bountySvgColor } from '../theme'; interface Props { className: ''; @@ -36,7 +36,6 @@ export default React.memo(styled(BountyInfo)(({ theme }: ThemeProps) => ` font-weight: 500; font-size: 0.857rem; line-height: 1.5rem; - color: ${bountyColor[theme.theme]}; .info-icon{ margin-right: 0.2rem; diff --git a/packages/page-bounties/src/index.tsx b/packages/page-bounties/src/index.tsx index ed7af6165e..34555ee72c 100644 --- a/packages/page-bounties/src/index.tsx +++ b/packages/page-bounties/src/index.tsx @@ -8,7 +8,7 @@ import { Tabs } from '@polkadot/react-components'; import { ThemeProps } from '@polkadot/react-components/types'; import Bounties from './Bounties'; -import { bountyBorderColor, bountyColor, bountyOddRowBackground } from './theme'; +import { bountyBorderColor, bountyOddRowBackground } from './theme'; import { useTranslation } from './translate'; export { default as useCounter } from './useCounter'; @@ -63,7 +63,6 @@ export default React.memo(styled(BountiesApp)(({ theme }: ThemeProps) => ` vertical-align: baseline; font-size: 1rem; line-height: 1.7rem; - color: ${bountyColor[theme.theme]}; border-bottom: 1px solid ${bountyBorderColor[theme.theme]}; &:first-child { diff --git a/packages/page-bounties/src/theme.ts b/packages/page-bounties/src/theme.ts index b87cc24668..85c0151f4a 100644 --- a/packages/page-bounties/src/theme.ts +++ b/packages/page-bounties/src/theme.ts @@ -7,13 +7,9 @@ type bountyTheme = { } export const bountyBorderColor: bountyTheme = { - dark: '#2f313c', - light: '#dfdfdf' -}; - -export const bountyColor: bountyTheme = { - dark: '#BDBDBD', - light: '#1a1b20' + // align with table + dark: '#eeecea', // '#2f313c', + light: '#eeecea' // '#dfdfdf' }; export const bountyOddRowBackground: bountyTheme = {