export const Colors = {
  background: '#8fbea7',
  primary: '#448866',
  cancel: '#dddddd',
  formBackground: '#f2f2f2',
  darkBackground: '#222222',
  formFocus: '#f8f8f8',
  formHover: '#efefef',
  grey: '#888888',
  white: '#ffffff',
  black: '#000000',
  divider: '#dddddd',
  mask: '#dddddd',
  encircle: '#cccccc',
  alert: '#ff8888',
  warn: '#dd4444',
  enabled: '#444444',
  disabled: '#aaaaaa',
  text: '#444444',
  link: '#0077CC',

  itemDivider: '#eeeeee',

  unsaved: '#ffff00',  
  connected: '#44cc44',
  connecting: '#dd88ff',
  requested: '#4488ff',
  pending: '#22aaaa',
  confirmed: '#aaaaaa',
  error: '#ff4444',

  profileForm: '#e8e8e8',
  profileDivider: '#aaaaaa',
  statsForm: '#ededed',
  statsDivider: '#afafaf',
  channel: '#f2f2f2',
  card: '#eeeeee',

  selectHover: '#fafafa',
};

export const LightTheme = {
  remoteArea: '#080808',
  localArea: '#888888',
  splashArea: '#8fbea7',
  baseArea: '#8fbea7',
  frameArea: '#e4e4e4',
  iconArea: '#ffffff',
  headerArea: '#f0f0f0',
  footerArea: '#f0f0f0',
  modalArea: '#eeeeee',
  itemArea: '#f4f4f4',
  inputArea: '#ffffff',
  hoverArea: '#cccccc',
  noticeArea: '#8fbea7',
  selectedArea: '#e8e8e8',
  enabledArea: '#448866',
  disabledArea: '#cccccc',
  mainText: '#444444',
  descriptionText: '#585858',
  hintText: '#777777',
  activeText: '#ffffff',
  idleText: '#aaaaaa',
  placeholderText: '#777777',
  linkText: '#448866',
  labelText: '#888888',
  alertText: '#ff8888',
  itemBorder: '#eeeeee',
  inputBorder: '#888888',
  sectionBorder: '#bbbbbb',
  headerBorder: '#aaaaaa',
  drawerBorder: '#cccccc',
  unsaved: '#ffff00',  
  connected: '#44cc44',
  connecting: '#dd88ff',
  requested: '#4488ff',
  pending: '#22aaaa',
  confirmed: '#aaaaaa',
};

export const DarkTheme = {
  remoteArea: '#080808',
  localArea: '#888888',
  splashArea: '#4c4c4c',
  baseArea: '#080808',
  frameArea: '#0a0a0a',
  iconArea: '#ffffff',
  headerArea: '#111111',
  footerArea: '#111111',
  modalArea: '#444444',
  itemArea: '#222222',
  inputArea: '#000000',
  hoverArea: '#555555',
  noticeArea: '#8fbea7',
  selectedArea: '#333333',
  enabledArea: '#448866',
  disabledArea: '#888888',
  mainText: '#ffffff',
  descriptionText: '#999999',
  hintText: '#aaaaaa',
  activeText: '#ffffff',
  idleText: '#aaaaaa',
  placeholderText: '#686868',
  linkText: '#66aa88',
  labelText: '#dddddd',
  alertText: '#ff8888',
  itemBorder: '#555555',
  inputBorder: '#aaaaaa',
  sectionBorder: '#777777',
  headerBorder: '#aaaaaa',
  drawerBorder: '#444444',
  unsaved: '#ffff00',  
  connected: '#44cc44',
  connecting: '#dd88ff',
  requested: '#4488ff',
  pending: '#22aaaa',
  confirmed: '#aaaaaa',
};

