Page MenuHomePhabricator
Differential D10514 Diff 30962 web/cashtab/src/components/App.js

Changeset View

Standalone View

View Options

web/cashtab/src/components/App.js

Show All 30 Lines
} from 'react-router-dom'; } from 'react-router-dom';
// Easter egg imports not used in extension/src/components/App.js // Easter egg imports not used in extension/src/components/App.js
import TabCash from '@assets/tabcash.png'; import TabCash from '@assets/tabcash.png';
import ABC from '@assets/logo_topright.png'; import ABC from '@assets/logo_topright.png';
import { checkForTokenById } from '@utils/tokenMethods.js'; import { checkForTokenById } from '@utils/tokenMethods.js';
import { currency } from './Common/Ticker'; import { currency } from './Common/Ticker';
const GlobalStyle = createGlobalStyle` const GlobalStyle = createGlobalStyle`
.ant-modal-wrap > div > div.ant-modal-content > div > div > div.ant-modal-confirm-btns > button, .ant-modal > button, .ant-modal-confirm-btns > button, .ant-modal-footer > button { .ant-modal-wrap > div > div.ant-modal-content > div > div > div.ant-modal-confirm-btns > button, .ant-modal > button, .ant-modal-confirm-btns > button, .ant-modal-footer > button, #cropControlsConfirm {
border-radius: 8px; border-radius: 8px;
background-color: ${props => props.theme.modals.buttons.background}; background-color: ${props => props.theme.modals.buttons.background};
color: ${props => props.theme.wallet.text.secondary}; color: ${props => props.theme.wallet.text.secondary};
font-weight: bold; font-weight: bold;
} }
.ant-modal-wrap > div > div.ant-modal-content > div > div > div.ant-modal-confirm-btns > button:hover,.ant-modal-confirm-btns > button:hover, .ant-modal-footer > button:hover { .ant-modal-wrap > div > div.ant-modal-content > div > div > div.ant-modal-confirm-btns > button:hover,.ant-modal-confirm-btns > button:hover, .ant-modal-footer > button:hover, #cropControlsConfirm:hover {
color: ${props => props.theme.primary}; color: ${props => props.theme.primary};
transition: color 0.3s; transition: color 0.3s;
background-color: ${props => props.theme.modals.buttons.background}; background-color: ${props => props.theme.modals.buttons.background};
} }
.selectedCurrencyOption { .selectedCurrencyOption {
text-align: left; text-align: left;
color: ${props => props.theme.wallet.text.secondary} !important; color: ${props => props.theme.wallet.text.secondary} !important;
background-color: ${props => props.theme.contrast} !important; background-color: ${props => props.theme.contrast} !important;
} }
.cashLoadingIcon { .cashLoadingIcon {
color: ${props => props.theme.primary} !important; color: ${props => props.theme.primary} !important;
font-size: 48px !important; font-size: 48px !important;
} }
.selectedCurrencyOption:hover { .selectedCurrencyOption:hover {
color: ${props => props.theme.contrast} !important; color: ${props => props.theme.contrast} !important;
background-color: ${props => props.theme.primary} !important; background-color: ${props => props.theme.primary} !important;
} }
#addrSwitch { #addrSwitch, #cropSwitch {
.ant-switch-checked { .ant-switch-checked {
background-color: white !important; background-color: white !important;
} }
} }
#addrSwitch.ant-switch-checked { #addrSwitch.ant-switch-checked, #cropSwitch.ant-switch-checked {
background-image: ${props => background-image: ${props =>
props.theme.buttons.primary.backgroundImage} !important; props.theme.buttons.primary.backgroundImage} !important;
} }
.ant-slider-rail {
background-color: ${props => props.theme.forms.border} !important;
}
.ant-slider-track {
background-color: ${props => props.theme.primary} !important;
}
`; `;
const CustomApp = styled.div` const CustomApp = styled.div`
text-align: center; text-align: center;
font-family: 'Gilroy', sans-serif; font-family: 'Gilroy', sans-serif;
background-color: ${props => props.theme.app.background}; background-color: ${props => props.theme.app.background};
`; `;
▲ Show 20 Lines • Show All 301 Lines • Show Last 20 Lines