darkTheme.ts

const colorBlack = '#000';
const colorWhite = '#fff';
const colorOffBlack = '#111';
const colorBorder = '#222';
const colorBlackLight = '#333';
const colorGray = '#666';
const colorPrimary = '#FFE900';
const colorError = '#FF1700';

export const darkTheme = {
  appBackgroundColor: colorBlack,
  appBorderRadius: '2px',
  appTextColor: colorWhite,
  appFontFamily: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
  assetModalBorderColor: colorBorder,
  assetModalInfoTextColor: colorGray,
  assetModalInfoTitleColor: colorWhite,
  bottomBarBorderColor: colorBorder,
  buttonPrimaryBackgroundColor: colorPrimary,
  buttonPrimaryBorderColor: colorPrimary,
  buttonPrimaryColor: colorBlack,
  buttonSecondaryBackgroundColor: 'transparent',
  buttonSecondaryBorderColor: colorGray,
  buttonSecondaryColor: colorGray,
  draggableMediaItemAmountBackgroundColor: colorPrimary,
  draggableMediaItemAmountColor: colorBlack,
  draggableMediaItemBackgroundColor: colorBlack,
  draggableMediaItemBorderColor: colorPrimary,
  errorNotifcationTextColor: colorWhite,
  errorNotificationBackgroundColor: colorError,
  errorNotificationCloseColor: colorWhite,
  filterListActiveColor: colorWhite,
  filterListInactiveColor: colorGray,
  inputBackgroundColor: colorBlackLight,
  inputIconColor: colorGray,
  inputLabelColor: colorWhite,
  inputTextColor: colorWhite,
  loaderColor: colorWhite,
  mediaGridSelectedBorderColor: colorPrimary,
  mediaItemBackgroundColor: colorBlackLight,
  mediaItemIconColor: colorGray,
  mediaItemTextColor: colorWhite,
  mediaLibraryBackgroundColor: colorOffBlack,
  mediaListBorderColor: colorBorder,
  mediaListSelectedBorderColor: colorPrimary,
  modalBackgroundColor: colorOffBlack,
  modalBoxShadowColor: colorBlack,
  modalOverlayBackgroundColor: 'rgba(0, 0, 0, 0.5)',
  sidebarBackgroundColor: colorBlack,
  topBarBorderColor: colorBorder,
  topBarButtonActiveColor: colorWhite,
  topBarButtonInactiveColor: colorGray,
  uploadDropAreaBackgroundColor: 'rgba(0, 0, 0, 0.8)',
  uploadDropAreaIconColor: colorWhite,
};