/**
 * Copyright 2018-present Facebook.
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 * @format
 */

// Last updated: Jan 30 2016

export const colors = {
  // FIG UI Core
  blue: '#4267b2', // Blue - Active-state nav glyphs, nav bars, links, buttons
  blueDark3: '#162643', // Blue - Dark 3 (illustrations only)
  blueDark2: '#20375f', // Blue - Dark 2 (illustrations only)
  blueDark1: '#29487d', // Blue - Dark 1 (illustrations only)
  blueDark: '#365899', // Blue - Dark 0 (blue links, blue button hover states)
  blueTint15: '#577fbc', // Blue - Tint 15 (illustrations only)
  blueTint30: '#7596c8', // Blue - Tint 30 (illustrations only)
  blueTint50: '#9cb4d8', // Blue - Tint 50 (illustrations only)
  blueTint70: '#c4d2e7', // Blue - Tint 70 (illustrations only)
  blueTint90: '#ecf0f7', // Blue - Tint 90 (illustrations only)
  highlight: '#4080ff', // Highlight - Unread, badging notifications, NUX *Use sparingly.*
  highlightDark3: '#1c4f8c', // Highlight - Dark 3 (illustrations only)
  highlightDark2: '#1d5fbf', // Highlight - Dark 2 (illustrations only)
  highlightDark1: '#3578e5', // Highlight - Dark 1 (illustrations only)
  highlightTint15: '#5d93ff', // Highlight - Tint 15 (illustrations only)
  highlightTint30: '#79a6ff', // Highlight - Tint 30 (illustrations only)
  highlightTint50: '#9fbfff', // Highlight - Tint 50 (illustrations only)
  highlightTint70: '#c6d9ff', // Highlight - Tint 70 (illustrations only)
  highlightTint90: '#ecf2ff', // Highlight - Tint 90 (illustrations only)
  highlightBackground: '#edf2fa', // Highlight Background - Background fill for unread or highlighted states. Not intended for hover / pressed states
  green: '#42b72a', // Green - Confirmation, success, commerce and status
  greenTint: '#C1F6B6',
  red: '#FC3A4B', // Red - Badges, error states
  redTint: '#FEF2F1',
  white: '#ffffff', // White - Text and glyphs in Dark UI and media views
  black: '#000000', // Black - Media backgrounds
  yellow: '#D79651', // Yellow - Warnings
  yellowTint: '#FEFBF2',
  purple: '#8C73C8', // Purple - Verbose
  purpleTint: '#E8E3F4',
  grey: '#88A2AB', // Grey - Debug
  greyTint: '#E7ECEE',
  cyan: '#4FC9EA', // Cyan - Info
  cyanTint: '#DCF4FB', // Cyan - Info
  // FIG UI Light
  light02: '#f6f7f9', // Light 02 – Modal Headers & Nav - Modal headers and navigation elements that sit above primary UI
  light05: '#e9ebee', // Light 05 – Mobile & Desktop Wash - Background wash color for desktop and mobile
  light10: '#dddfe2', // Light 10 – Desktop Dividers, Strokes, Borders - Desktop dividers, strokes, borders
  light15: '#ced0d4', // Light 15 – Mobile Dividers, Strokes, Borders - Mobile dividers, strokes, borders
  light20: '#bec2c9', // Light 20 – Inactive Nav Glyphs - Inactive-state nav glyphs, tertiary glyphs
  light30: '#90949c', // Light 30 – Secondary Text & Glyphs - Secondary text and glyphs, meta text and glyphs
  light50: '#4b4f56', // Light 50 – Medium Text & Primary Glyphs - Medium text and primary glyphs
  light80: '#1d2129', // Light 80 – Primary Text - Primary text
  // FIG UI Alpha
  whiteAlpha10: 'rgba(255, 255, 255, 0.10)', // Alpha 10 - Inset strokes and borders on photos
  whiteAlpha15: 'rgba(255, 255, 255, 0.15)', // Alpha 15 - Dividers, strokes, borders
  whiteAlpha30: 'rgba(255, 255, 255, 0.3)', // Alpha 30 - Secondary text and glyphs, meta text and glyphs
  whiteAlpha40: 'rgba(255, 255, 255, 0.4)', // Alpha 40 - Overlays
  whiteAlpha50: 'rgba(255, 255, 255, 0.5)', // Alpha 50 - Medium text and primary glyphs
  whiteAlpha80: 'rgba(255, 255, 255, 0.8)', // Alpha 80 - Primary Text
  blackAlpha10: 'rgba(0, 0, 0, 0.1)', // Alpha 10 - Inset strokes and borders on photos
  blackAlpha15: 'rgba(0, 0, 0, 0.15)', // Alpha 15 - Dividers, strokes, borders
  blackAlpha30: 'rgba(0, 0, 0, 0.3)', // Alpha 30 - Secondary text and glyphs, meta text and glyphs
  blackAlpha40: 'rgba(0, 0, 0, 0.4)', // Alpha 40 - Overlays
  blackAlpha50: 'rgba(0, 0, 0, 0.5)', // Alpha 50 - Medium text and primary glyphs
  blackAlpha80: 'rgba(0, 0, 0, 0.8)', // Alpha 80 - Primary Text
  light80Alpha4: 'rgba(29, 33, 41, 0.04)', // Light 80 Alpha 4 - Hover state background fill for list views on WWW
  light80Alpha8: 'rgba(29, 33, 41, 0.08)', // Light 80 Alpha 8 - Pressed state background fill for list views on WWW and Mobile
  // FIG UI Dark
  dark20: '#cccccc', // Dark 20 – Primary Text - Primary text
  dark50: '#7f7f7f', // Dark 50 – Medium Text & Primary Glyphs - Medium text and primary glyphs
  dark70: '#4c4c4c', // Dark 70 – Secondary Text & Glyphs - Secondary text and glyphs, meta text and glyphs
  dark80: '#333333', // Dark 80 – Inactive Nav Glyphs - Inactive-state nav glyphs, tertiary glyphs
  dark85: '#262626', // Dark 85 – Dividers, Strokes, Borders - Dividers, strokes, borders
  dark90: '#191919', // Dark 90 – Nav Bar, Tab Bar, Cards - Nav bar, tab bar, cards
  dark95: '#0d0d0d', // Dark 95 – Background Wash - Background Wash
  // FIG Spectrum
  blueGrey: '#5f6673', // Blue Grey
  blueGreyDark3: '#23272f', // Blue Grey - Dark 3
  blueGreyDark2: '#303846', // Blue Grey - Dark 2
  blueGreyDark1: '#4f5766', // Blue Grey - Dark 1
  blueGreyTint15: '#777d88', // Blue Grey - Tint 15
  blueGreyTint30: '#8f949d', // Blue Grey - Tint 30
  blueGreyTint50: '#afb3b9', // Blue Grey - Tint 50
  blueGreyTint70: '#cfd1d5', // Blue Grey - Tint 70
  blueGreyTint90: '#eff0f1', // Blue Grey - Tint 90
  slate: '#b9cad2', // Slate
  slateDark3: '#688694', // Slate - Dark 3
  slateDark2: '#89a1ac', // Slate - Dark 2
  slateDark1: '#a8bbc3', // Slate - Dark 1
  slateTint15: '#c4d2d9', // Slate - Tint 15
  slateTint30: '#cedae0', // Slate - Tint 30
  slateTint50: '#dce5e9', // Slate - Tint 50
  slateTint70: '#eaeff2', // Slate - Tint 70
  slateTint90: '#f8fafb', // Slate - Tint 90
  aluminum: '#a3cedf', // Aluminum
  aluminumDark3: '#4b8096', // Aluminum - Dark 3
  aluminumDark2: '#6ca0b6', // Aluminum - Dark 2
  aluminumDark1: '#8ebfd4', // Aluminum - Dark 1
  aluminumTint15: '#b0d5e5', // Aluminum - Tint 15
  aluminumTint30: '#bfdde9', // Aluminum - Tint 30
  aluminumTint50: '#d1e7f0', // Aluminum - Tint 50
  aluminumTint70: '#e4f0f6', // Aluminum - Tint 70
  aluminumTint90: '#f6fafc', // Aluminum - Tint 90
  seaFoam: '#54c7ec', // Sea Foam
  seaFoamDark3: '#186d90', // Sea Foam - Dark 3
  seaFoamDark2: '#2088af', // Sea Foam - Dark 2
  seaFoamDark1: '#39afd5', // Sea Foam - Dark 1
  seaFoamTint15: '#6bcfef', // Sea Foam - Tint 15
  seaFoamTint30: '#84d8f2', // Sea Foam - Tint 30
  seaFoamTint50: '#a7e3f6', // Sea Foam - Tint 50
  seaFoamTint70: '#caeef9', // Sea Foam - Tint 70
  seaFoamTint90: '#eefafd', // Sea Foam - Tint 90
  teal: '#6bcebb', // Teal
  tealDark3: '#24917d', // Teal - Dark 3
  tealDark2: '#31a38d', // Teal - Dark 2
  tealDark1: '#4dbba6', // Teal - Dark 1
  tealTint15: '#80d4c4', // Teal - Tint 15
  tealTint30: '#97dccf', // Teal - Tint 30
  tealTint50: '#b4e6dd', // Teal - Tint 50
  tealTint70: '#d2f0ea', // Teal - Tint 70
  tealTint90: '#f0faf8', // Teal - Tint 90
  lime: '#a3ce71', // Lime
  limeDark3: '#629824', // Lime - Dark 3
  limeDark2: '#71a830', // Lime - Dark 2
  limeDark1: '#89be4c', // Lime - Dark 1
  limeTint15: '#b1d587', // Lime - Tint 15
  limeTint30: '#bedd9c', // Lime - Tint 30
  limeTint50: '#d1e6b9', // Lime - Tint 50
  limeTint70: '#e4f0d5', // Lime - Tint 70
  limeTint90: '#f6faf1', // Lime - Tint 90
  lemon: '#fcd872', // Lemon
  lemonDark3: '#d18f41', // Lemon - Dark 3
  lemonDark2: '#e1a43b', // Lemon - Dark 2
  lemonDark1: '#f5c33b', // Lemon - Dark 1
  lemonTint15: '#ffe18f', // Lemon - Tint 15
  lemonTint30: '#ffe8a8', // Lemon - Tint 30
  lemonTint50: '#ffecb5', // Lemon - Tint 50
  lemonTint70: '#fef2d1', // Lemon - Tint 70
  lemonTint90: '#fffbf0', // Lemon - Tint 90
  orange: '#f7923b', // Orange
  orangeDark3: '#ac4615', // Orange - Dark 3
  orangeDark2: '#cc5d22', // Orange - Dark 2
  orangeDark1: '#e07a2e', // Orange - Dark 1
  orangeTint15: '#f9a159', // Orange - Tint 15
  orangeTint30: '#f9b278', // Orange - Tint 30
  orangeTint50: '#fbc89f', // Orange - Tint 50
  orangeTint70: '#fcdec5', // Orange - Tint 70
  orangeTint90: '#fef4ec', // Orange - Tint 90
  tomato: '#fb724b', // Tomato - Tometo? Tomato.
  tomatoDark3: '#c32d0e', // Tomato - Dark 3
  tomatoDark2: '#db4123', // Tomato - Dark 2
  tomatoDark1: '#ef6632', // Tomato - Dark 1
  tomatoTint15: '#f1765e', // Tomato - Tint 15
  tomatoTint30: '#f38e7b', // Tomato - Tint 30
  tomatoTint50: '#f7afa0', // Tomato - Tint 50
  tomatoTint70: '#f9cfc7', // Tomato - Tint 70
  tomatoTint90: '#fdefed', // Tomato - Tint 90
  cherry: '#f35369', // Cherry
  cherryDark3: '#9b2b3a', // Cherry - Dark 3
  cherryDark2: '#b73749', // Cherry - Dark 2
  cherryDark1: '#e04c60', // Cherry - Dark 1
  cherryTint15: '#f36b7f', // Cherry - Tint 15
  cherryTint30: '#f58796', // Cherry - Tint 30
  cherryTint50: '#f8a9b4', // Cherry - Tint 50
  cherryTint70: '#fbccd2', // Cherry - Tint 70
  cherryTint90: '#feeef0', // Cherry - Tint 90
  pink: '#ec7ebd', // Pink
  pinkDark3: '#b0377b', // Pink - Dark 3
  pinkDark2: '#d4539b', // Pink - Dark 2
  pinkDark1: '#ec6fb5', // Pink - Dark 1
  pinkTint15: '#ef92c7', // Pink - Tint 15
  pinkTint30: '#f2a5d1', // Pink - Tint 30
  pinkTint50: '#f6bfdf', // Pink - Tint 50
  pinkTint70: '#f9d9eb', // Pink - Tint 70
  pinkTint90: '#fdf3f8', // Pink - Tint 90
  grape: '#8c72cb', // Grape
  grapeDark3: '#58409b', // Grape - Dark 3
  grapeDark2: '#6a51b2', // Grape - Dark 2
  grapeDark1: '#7b64c0', // Grape - Dark 1
  grapeTint15: '#9d87d2', // Grape - Tint 15
  grapeTint30: '#af9cda', // Grape - Tint 30
  grapeTint50: '#c6b8e5', // Grape - Tint 50
  grapeTint70: '#ddd5f0', // Grape - Tint 70
  grapeTint90: '#f4f1fa', // Grape - Tint 90
  // FIG Spectrum (Skin)
  skin1: '#f1d2b6', // Skin 1
  skin1Dark3: '#d9a170', // Skin 1 - Dark 3
  skin1Dark2: '#ddac82', // Skin 1 - Dark 2
  skin1Dark1: '#e2ba96', // Skin 1 - Dark 1
  skin1Tint15: '#f3d9c1', // Skin 1 - Tint 15
  skin1Tint30: '#f6e0cc', // Skin 1 - Tint 30
  skin1Tint50: '#f8e9db', // Skin 1 - Tint 50
  skin1Tint70: '#faf2ea', // Skin 1 - Tint 70
  skin1Tint90: '#fefbf8', // Skin 1 - Tint 90
  skin2: '#d7b195', // Skin 2
  skin2Dark3: '#af866a', // Skin 2 - Dark 3
  skin2Dark2: '#c2977a', // Skin 2 - Dark 2
  skin2Dark1: '#cfa588', // Skin 2 - Dark 1
  skin2Tint15: '#debda5', // Skin 2 - Tint 15
  skin2Tint30: '#e5c9b5', // Skin 2 - Tint 30
  skin2Tint50: '#ecd8cb', // Skin 2 - Tint 50
  skin2Tint70: '#f3e8e0', // Skin 2 - Tint 70
  skin2Tint90: '#fbf7f5', // Skin 2 - Tint 90
  skin3: '#d8a873', // Skin 3
  skin3Dark3: '#a77a4e', // Skin 3 - Dark 3
  skin3Dark2: '#ba8653', // Skin 3 - Dark 2
  skin3Dark1: '#cd9862', // Skin 3 - Dark 1
  skin3Tint15: '#e0b588', // Skin 3 - Tint 15
  skin3Tint30: '#e5c29e', // Skin 3 - Tint 30
  skin3Tint50: '#ecd4b9', // Skin 3 - Tint 50
  skin3Tint70: '#f4e5d6', // Skin 3 - Tint 70
  skin3Tint90: '#fcf6f1', // Skin 3 - Tint 90
  skin4: '#a67b4f', // Skin 4
  skin4Dark3: '#815830', // Skin 4 - Dark 3
  skin4Dark2: '#94683d', // Skin 4 - Dark 2
  skin4Dark1: '#a07243', // Skin 4 - Dark 1
  skin4Tint15: '#ae8761', // Skin 4 - Tint 15
  skin4Tint30: '#bc9d7d', // Skin 4 - Tint 30
  skin4Tint50: '#d0b9a2', // Skin 4 - Tint 50
  skin4Tint70: '#e2d5c8', // Skin 4 - Tint 70
  skin4Tint90: '#f6f1ed', // Skin 4 - Tint 90
  skin5: '#6a4f3b', // Skin 5
  skin5Dark3: '#453223', // Skin 5 - Dark 3
  skin5Dark2: '#503b2c', // Skin 5 - Dark 2
  skin5Dark1: '#624733', // Skin 5 - Dark 1
  skin5Tint15: '#8a715b', // Skin 5 - Tint 15
  skin5Tint30: '#9f8a79', // Skin 5 - Tint 30
  skin5Tint50: '#baaca0', // Skin 5 - Tint 50
  skin5Tint70: '#d5cdc6', // Skin 5 - Tint 70
  skin5Tint90: '#f2efec', // Skin 5 - Tint 90
  // macOS system colors
  macOSHighlight: '#dbe7fa', // used for text selection, tokens, etc.
  macOSHighlightActive: '#85afee', // active tokens
  macOSTitleBarBackgroundTop: '#eae9eb',
  macOSTitleBarBackgroundBottom: '#dcdbdc',
  macOSTitleBarBackgroundBlur: '#f6f6f6',
  macOSTitleBarBorder: '#c1c0c2',
  macOSTitleBarBorderBlur: '#cecece',
  macOSTitleBarIcon: '#6f6f6f',
  macOSTitleBarIconBlur: '#acacac',
  macOSTitleBarIconSelected: '#4d84f5',
  macOSTitleBarIconSelectedBlur: '#80a6f5',
  macOSTitleBarIconActive: '#4c4c4c',
  macOSTitleBarButtonBorder: '#d3d2d3',
  macOSTitleBarButtonBorderBottom: '#b0afb0',
  macOSTitleBarButtonBorderBlur: '#dbdbdb',
  macOSTitleBarButtonBackground: 'rgba(0,0,0,0.05)',
  macOSTitleBarButtonBackgroundBlur: '#f6f6f6',
  macOSTitleBarButtonBackgroundActiveHighlight: '#ededed',
  macOSTitleBarButtonBackgroundActive: '#e5e5e5',
  macOSSidebarSectionTitle: '#777',
  macOSSidebarSectionItem: '#434343',
  macOSSidebarPanelSeperator: '#b3b3b3',
  sectionHeaderBorder: '#DDDFE2',
  placeholder: '#A7AAB1',
  info: '#5ACFEC',
}

export const darkColors = {
  activeBackground: colors.dark80,
  backgroundWash: colors.dark95,
  barBackground: colors.dark90,
  barText: colors.dark20,
  dividers: colors.whiteAlpha10,
}

export const brandColors = {
  Facebook: '#4267B2',
  Messenger: '#0088FA',
  Instagram: '#E61E68',
  Sonar: '#8155cb',
}
