import type { EmojiSheetTheme } from './EmojiSheetModule.types';

export const lightTheme: EmojiSheetTheme = {
  backgroundColor: '#FFFFFF',
  searchBarBackgroundColor: '#F0F0F0',
  textColor: '#000000',
  textSecondaryColor: '#808080',
  accentColor: '#EA4578',
  dividerColor: '#E0E0E0',
  categoryIconColor: '#666666',
  categoryActiveIconColor: '#EA4578',
  categoryActiveBackgroundColor: '#E0E0E0',
  handleColor: '#B8B8B8',
  categoryBarBackgroundColor: '#FFFFFF',
};

export const darkTheme: EmojiSheetTheme = {
  backgroundColor: '#1A1A2E',
  searchBarBackgroundColor: '#2A2F39',
  textColor: '#FFFFFF',
  textSecondaryColor: '#999999',
  accentColor: '#EA4578',
  dividerColor: '#3A3A4A',
  categoryIconColor: '#808080',
  categoryActiveIconColor: '#EA4578',
  categoryActiveBackgroundColor: '#3A3A4A',
  handleColor: '#666666',
  categoryBarBackgroundColor: '#1A1A2E',
};