Theme switching: Add TypeScript types

src/components/AddPlaidBankAccount.js

@@ -9,7 +9,7 @@ import PlaidLink from './PlaidLink';
 import * as BankAccounts from '../libs/actions/BankAccounts';
 import ONYXKEYS from '../ONYXKEYS';
 import styles from '../styles/styles';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import compose from '../libs/compose';
 import withLocalize, {withLocalizePropTypes} from './withLocalize';
 import Picker from './Picker';

src/components/AddressSearch/index.js

@@ -6,7 +6,7 @@ import {GooglePlacesAutocomplete} from 'react-native-google-places-autocomplete'
 import lodashGet from 'lodash/get';
 import withLocalize, {withLocalizePropTypes} from '../withLocalize';
 import styles from '../../styles/styles';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import TextInput from '../TextInput';
 import * as ApiUtils from '../../libs/ApiUtils';
 import * as GooglePlacesUtils from '../../libs/GooglePlacesUtils';

src/components/AttachmentCarousel/index.js

@@ -4,7 +4,7 @@ import {withOnyx} from 'react-native-onyx';
 import _ from 'underscore';
 import * as Expensicons from '../Icon/Expensicons';
 import styles from '../../styles/styles';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import CarouselActions from './CarouselActions';
 import Button from '../Button';
 import AttachmentView from '../AttachmentView';

src/components/AttachmentModal.js

@@ -12,7 +12,7 @@ import AttachmentCarousel from './AttachmentCarousel';
 import styles from '../styles/styles';
 import * as StyleUtils from '../styles/StyleUtils';
 import * as FileUtils from '../libs/fileDownload/FileUtils';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import compose from '../libs/compose';
 import withWindowDimensions, {windowDimensionsPropTypes} from './withWindowDimensions';
 import Button from './Button';

src/components/AttachmentView.js

@@ -12,7 +12,7 @@ import withLocalize, {withLocalizePropTypes} from './withLocalize';
 import compose from '../libs/compose';
 import Text from './Text';
 import Tooltip from './Tooltip';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import variables from '../styles/variables';
 import addEncryptedAuthTokenToURL from '../libs/addEncryptedAuthTokenToURL';
 import PressableWithoutFeedback from './Pressable/PressableWithoutFeedback';

src/components/Avatar.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import _ from 'underscore';
 import stylePropTypes from '../styles/stylePropTypes';
 import Icon from './Icon';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import CONST from '../CONST';
 import * as StyleUtils from '../styles/StyleUtils';
 import * as Expensicons from './Icon/Expensicons';

src/components/AvatarCropModal/AvatarCropModal.js

@@ -6,7 +6,7 @@ import {runOnUI, interpolate, useAnimatedGestureHandler, useSharedValue, useWork
 import CONST from '../../CONST';
 import compose from '../../libs/compose';
 import styles from '../../styles/styles';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import Button from '../Button';
 import HeaderWithBackButton from '../HeaderWithBackButton';
 import Icon from '../Icon';

src/components/AvatarWithDisplayName.js

@@ -8,7 +8,7 @@ import participantPropTypes from './participantPropTypes';
 import withWindowDimensions, {windowDimensionsPropTypes} from './withWindowDimensions';
 import withLocalize, {withLocalizePropTypes} from './withLocalize';
 import styles from '../styles/styles';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import SubscriptAvatar from './SubscriptAvatar';
 import * as ReportUtils from '../libs/ReportUtils';
 import MultipleAvatars from './MultipleAvatars';

src/components/AvatarWithImagePicker.js

@@ -8,7 +8,7 @@ import Icon from './Icon';
 import PopoverMenu from './PopoverMenu';
 import * as Expensicons from './Icon/Expensicons';
 import styles from '../styles/styles';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import AttachmentPicker from './AttachmentPicker';
 import AvatarCropModal from './AvatarCropModal/AvatarCropModal';
 import OfflineWithFeedback from './OfflineWithFeedback';

src/components/BlockingViews/BlockingView.js

@@ -5,7 +5,7 @@ import styles from '../../styles/styles';
 import variables from '../../styles/variables';
 import Icon from '../Icon';
 import Text from '../Text';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import TextLink from '../TextLink';
 import Navigation from '../../libs/Navigation/Navigation';
 import AutoEmailLink from '../AutoEmailLink';

src/components/Button/index.js

@@ -2,7 +2,7 @@ import React, {Component} from 'react';
 import {ActivityIndicator, View} from 'react-native';
 import PropTypes from 'prop-types';
 import styles from '../../styles/styles';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import Text from '../Text';
 import KeyboardShortcut from '../../libs/KeyboardShortcut';
 import Icon from '../Icon';

src/components/ButtonWithDropdownMenu.js

@@ -8,7 +8,7 @@ import Button from './Button';
 import PopoverMenu from './PopoverMenu';
 import Icon from './Icon';
 import * as Expensicons from './Icon/Expensicons';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import CONST from '../CONST';
 
 const propTypes = {

src/components/Checkbox.js

@@ -2,7 +2,7 @@ import React from 'react';
 import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import styles from '../styles/styles';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import stylePropTypes from '../styles/stylePropTypes';
 import Icon from './Icon';
 import * as Expensicons from './Icon/Expensicons';

src/components/Composer/index.android.js

@@ -3,7 +3,7 @@ import {StyleSheet} from 'react-native';
 import PropTypes from 'prop-types';
 import _ from 'underscore';
 import RNTextInput from '../RNTextInput';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import * as ComposerUtils from '../../libs/ComposerUtils';
 
 const propTypes = {

src/components/Composer/index.ios.js

@@ -3,7 +3,7 @@ import {StyleSheet} from 'react-native';
 import PropTypes from 'prop-types';
 import _ from 'underscore';
 import RNTextInput from '../RNTextInput';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import * as ComposerUtils from '../../libs/ComposerUtils';
 
 const propTypes = {

src/components/Composer/index.js

@@ -6,7 +6,7 @@ import ExpensiMark from 'expensify-common/lib/ExpensiMark';
 import RNTextInput from '../RNTextInput';
 import withLocalize, {withLocalizePropTypes} from '../withLocalize';
 import Growl from '../../libs/Growl';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import updateIsFullComposerAvailable from '../../libs/ComposerUtils/updateIsFullComposerAvailable';
 import * as ComposerUtils from '../../libs/ComposerUtils';
 import * as Browser from '../../libs/Browser';

src/components/CurrentUserPersonalDetailsSkeletonView/index.js

@@ -5,7 +5,7 @@ import {Circle, Rect} from 'react-native-svg';
 import {View} from 'react-native';
 import * as StyleUtils from '../../styles/StyleUtils';
 import CONST from '../../CONST';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import variables from '../../styles/variables';
 import styles from '../../styles/styles';
 

src/components/CustomStatusBar/index.js

@@ -1,6 +1,6 @@
 import React, {useEffect} from 'react';
 import StatusBar from '../../libs/StatusBar';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 
 function CustomStatusBar() {
     useEffect(() => {

src/components/DatePicker/index.ios.js

@@ -10,7 +10,7 @@ import withLocalize, {withLocalizePropTypes} from '../withLocalize';
 import Popover from '../Popover';
 import CONST from '../../CONST';
 import styles from '../../styles/styles';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import {propTypes, defaultProps} from './datepickerPropTypes';
 import withKeyboardState, {keyboardStatePropTypes} from '../withKeyboardState';
 

src/components/EmojiPicker/CategoryShortcutButton.js

@@ -7,7 +7,7 @@ import variables from '../../styles/variables';
 import styles from '../../styles/styles';
 import * as StyleUtils from '../../styles/StyleUtils';
 import getButtonState from '../../libs/getButtonState';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import PressableWithoutFeedback from '../Pressable/PressableWithoutFeedback';
 import CONST from '../../CONST';
 

src/components/ExpensifyWordmark.js

@@ -8,7 +8,7 @@ import StagingLogo from '../../assets/images/expensify-logo--staging.svg';
 import AdHocLogo from '../../assets/images/expensify-logo--adhoc.svg';
 import CONST from '../CONST';
 import withWindowDimensions, {windowDimensionsPropTypes} from './withWindowDimensions';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import styles from '../styles/styles';
 import * as StyleUtils from '../styles/StyleUtils';
 import variables from '../styles/variables';

src/components/FloatingActionButton.js

@@ -5,7 +5,7 @@ import Icon from './Icon';
 import * as Expensicons from './Icon/Expensicons';
 import styles from '../styles/styles';
 import * as StyleUtils from '../styles/StyleUtils';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import Tooltip from './Tooltip';
 import withLocalize, {withLocalizePropTypes} from './withLocalize';
 import PressableWithFeedback from './Pressable/PressableWithFeedback';

src/components/FullscreenLoadingIndicator.js

@@ -2,7 +2,7 @@ import _ from 'underscore';
 import React from 'react';
 import {ActivityIndicator, StyleSheet, View} from 'react-native';
 import styles from '../styles/styles';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import stylePropTypes from '../styles/stylePropTypes';
 
 const propTypes = {

src/components/GrowlNotification/index.js

@@ -1,7 +1,7 @@
 import React, {forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState} from 'react';
 import {Directions, FlingGestureHandler, State} from 'react-native-gesture-handler';
 import {View, Animated} from 'react-native';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import Text from '../Text';
 import Icon from '../Icon';
 import * as Expensicons from '../Icon/Expensicons';

src/components/HTMLEngineProvider/HTMLRenderers/EditedRenderer.js

@@ -4,7 +4,7 @@ import htmlRendererPropTypes from './htmlRendererPropTypes';
 import withLocalize, {withLocalizePropTypes} from '../../withLocalize';
 import Text from '../../Text';
 import variables from '../../../styles/variables';
-import themeColors from '../../../styles/themes/default';
+import themeColors from '../../../styles/themes/dark';
 import styles from '../../../styles/styles';
 import editedLabelStyles from '../../../styles/editedLabelStyles';
 

src/components/Icon/index.js

@@ -2,7 +2,7 @@ import React, {PureComponent} from 'react';
 import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import styles from '../../styles/styles';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import variables from '../../styles/variables';
 import * as StyleUtils from '../../styles/StyleUtils';
 import IconWrapperStyles from './IconWrapperStyles';

src/components/IllustratedHeaderPageLayout.js

@@ -7,7 +7,7 @@ import headerWithBackButtonPropTypes from './HeaderWithBackButton/headerWithBack
 import HeaderWithBackButton from './HeaderWithBackButton';
 import ScreenWrapper from './ScreenWrapper';
 import styles from '../styles/styles';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import * as StyleUtils from '../styles/StyleUtils';
 import useWindowDimensions from '../hooks/useWindowDimensions';
 import FixedFooter from './FixedFooter';

src/components/Indicator.js

@@ -15,7 +15,7 @@ import * as PolicyUtils from '../libs/PolicyUtils';
 import * as PaymentMethods from '../libs/actions/PaymentMethods';
 import * as ReimbursementAccountProps from '../pages/ReimbursementAccount/reimbursementAccountPropTypes';
 import * as UserUtils from '../libs/UserUtils';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 
 const propTypes = {
     /* Onyx Props */

src/components/InlineSystemMessage.js

@@ -2,7 +2,7 @@ import React from 'react';
 import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import styles from '../styles/styles';
-import theme from '../styles/themes/default';
+import theme from '../styles/themes/dark';
 import Text from './Text';
 import * as Expensicons from './Icon/Expensicons';
 import Icon from './Icon';

src/components/LHNOptionsList/OptionRowLHN.js

@@ -14,7 +14,7 @@ import colors from '../../styles/colors';
 import Text from '../Text';
 import SubscriptAvatar from '../SubscriptAvatar';
 import CONST from '../../CONST';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import OfflineWithFeedback from '../OfflineWithFeedback';
 import PressableWithSecondaryInteraction from '../PressableWithSecondaryInteraction';
 import * as ReportActionContextMenu from '../../pages/home/report/ContextMenu/ReportActionContextMenu';

src/components/LocalePicker.js

@@ -9,7 +9,7 @@ import ONYXKEYS from '../ONYXKEYS';
 import CONST from '../CONST';
 import Picker from './Picker';
 import styles from '../styles/styles';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 
 const propTypes = {
     /** Indicates which locale the user currently has selected */

src/components/MenuItem.js

@@ -3,7 +3,7 @@ import React from 'react';
 import {View} from 'react-native';
 import Text from './Text';
 import styles from '../styles/styles';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import * as StyleUtils from '../styles/StyleUtils';
 import Icon from './Icon';
 import * as Expensicons from './Icon/Expensicons';

src/components/Modal/BaseModal.js

@@ -5,7 +5,7 @@ import ReactNativeModal from 'react-native-modal';
 import {SafeAreaInsetsContext} from 'react-native-safe-area-context';
 import styles from '../../styles/styles';
 import * as StyleUtils from '../../styles/StyleUtils';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import {propTypes as modalPropTypes, defaultProps as modalDefaultProps} from './modalPropTypes';
 import * as Modal from '../../libs/actions/Modal';
 import getModalStyles from '../../styles/getModalStyles';

src/components/Modal/index.web.js

@@ -3,7 +3,7 @@ import withWindowDimensions from '../withWindowDimensions';
 import BaseModal from './BaseModal';
 import {propTypes, defaultProps} from './modalPropTypes';
 import * as StyleUtils from '../../styles/StyleUtils';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import StatusBar from '../../libs/StatusBar';
 import CONST from '../../CONST';
 

src/components/MoneyRequestConfirmationList.js

@@ -23,7 +23,7 @@ import optionPropTypes from './optionPropTypes';
 import * as CurrencyUtils from '../libs/CurrencyUtils';
 import Button from './Button';
 import * as Expensicons from './Icon/Expensicons';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import Image from './Image';
 import ReceiptHTML from '../../assets/images/receipt-html.png';
 import ReceiptDoc from '../../assets/images/receipt-doc.png';

src/components/MoneyRequestDetails.js

@@ -11,7 +11,7 @@ import Text from './Text';
 import participantPropTypes from './participantPropTypes';
 import Avatar from './Avatar';
 import styles from '../styles/styles';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import CONST from '../CONST';
 import withWindowDimensions from './withWindowDimensions';
 import compose from '../libs/compose';

src/components/MultipleAvatars.js

@@ -6,7 +6,7 @@ import styles from '../styles/styles';
 import Avatar from './Avatar';
 import Tooltip from './Tooltip';
 import Text from './Text';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import * as StyleUtils from '../styles/StyleUtils';
 import CONST from '../CONST';
 import variables from '../styles/variables';

src/components/Onfido/BaseOnfidoWeb.js

@@ -6,7 +6,7 @@ import * as OnfidoSDK from 'onfido-sdk-ui';
 import onfidoPropTypes from './onfidoPropTypes';
 import CONST from '../../CONST';
 import variables from '../../styles/variables';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import fontWeightBold from '../../styles/fontWeight/bold';
 import fontFamily from '../../styles/fontFamily';
 import Log from '../../libs/Log';

src/components/OptionRow.js

@@ -11,7 +11,7 @@ import * as Expensicons from './Icon/Expensicons';
 import MultipleAvatars from './MultipleAvatars';
 import Hoverable from './Hoverable';
 import DisplayNames from './DisplayNames';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import withLocalize, {withLocalizePropTypes} from './withLocalize';
 import Text from './Text';
 import SelectCircle from './SelectCircle';

src/components/OptionsListSkeletonView.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import {Rect, Circle} from 'react-native-svg';
 import SkeletonViewContentLoader from 'react-content-loader/native';
 import CONST from '../CONST';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import styles from '../styles/styles';
 
 const propTypes = {

src/components/Picker/BasePicker.js

@@ -8,7 +8,7 @@ import * as Expensicons from '../Icon/Expensicons';
 import FormHelpMessage from '../FormHelpMessage';
 import Text from '../Text';
 import styles from '../../styles/styles';
-import themeColors from '../../styles/themes/default';
+import themeColors from '../../styles/themes/dark';
 import {ScrollContext} from '../ScrollViewWithContext';
 
 const propTypes = {

src/components/PinButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import styles from '../styles/styles';
-import themeColors from '../styles/themes/default';
+import themeColors from '../styles/themes/dark';
 import Icon from './Icon';
 import Tooltip from './Tooltip';
 import withLocalize, {withLocalizePropTypes} from './withLocalize';

src/components/QRCode/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import QRCodeLibrary from 'react-native-qrcode-svg';
 import PropTypes from 'prop-types';
-import defaultTheme from '../../styles/themes/default';
+import defaultTheme from '../../styles/themes/dark';
 import CONST from '../../CONST';
 
 const propTypes = {

src/components/QRShare/index.js

@@ -2,7 +2,7 @@ import React, {Component} from 'react';
 import {View} from 'react-native';
 import _ from 'underscore';
 import withLocalize, {withLocalizePropTypes} from '../withLocalize';
-import defaultTheme from '../../styles/themes/default';
+import defaultTheme from '../../styles/themes/dark';
 import styles from '../../styles/styles';
 import Text from '../Text';
 import withWindowDimensions, {windowDimensionsPropTypes} from '../withWindowDimensions';