ios-platform-colors.js

// Keep in sync with
// https://github.com/flutter/flutter/blob/master/packages/flutter/lib/src/cupertino/colors.dart

export default {
  black: 'rgba(0, 0, 0, 255)',
  white: 'rgba(255, 255, 255, 255)',
  systemBlue: {
    light: 'rgba(0, 122, 255, 255)',
    dark: 'rgba(10, 132, 255, 255)',
  },
  systemGreen: {
    light: 'rgba(52, 199, 89, 255)',
    dark: 'rgba(48, 209, 88, 255)',
  },
  systemIndigo: {
    light: 'rgba(88, 86, 214, 255)',
    dark: 'rgba(94, 92, 230, 255)',
  },
  systemOrange: {
    light: 'rgba(255, 159, 10, 255)',
    dark: 'rgba(255, 159, 10, 255)',
  },
  systemPink: {
    light: 'rgba(255, 45, 85, 255)',
    dark: 'rgba(255, 55, 95, 255)',
  },
  systemPurple: {
    light: 'rgba(175, 82, 222, 255)',
    dark: 'rgba(191, 90, 242, 255)',
  },
  systemRed: {
    light: 'rgba(255, 59, 48, 255)',
    dark: 'rgba(255, 69, 58, 255)',
  },
  systemTeal: {
    light: 'rgba(90, 200, 250, 255)',
    dark: 'rgba(100, 210, 255, 255)',
  },
  systemYellow: {
    light: 'rgba(255, 204, 0, 255)',
    dark: 'rgba(255, 214, 10, 255)',
  },
  systemGrey: {
    light: 'rgba(142, 142, 147, 255)',
    dark: 'rgba(142, 142, 147, 255)',
  },
  systemGrey2: {
    light: 'rgba(174, 174, 178, 255)',
    dark: 'rgba(99, 99, 102, 255)',
  },
  systemGrey3: {
    light: 'rgba(199, 199, 204, 255)',
    dark: 'rgba(72, 72, 74, 255)',
  },
  systemGrey4: {
    light: 'rgba(209, 209, 214, 255)',
    dark: 'rgba(58, 58, 60, 255)',
  },
  systemGrey5: {
    light: 'rgba(229, 229, 234, 255)',
    dark: 'rgba(44, 44, 46, 255)',
  },
  systemGrey6: {
    light: 'rgba(242, 242, 247, 255)',
    dark: 'rgba(28, 28, 30, 255)',
  },
  inactiveGrey: {
    light: 'rgba(99, 99, 99, 255)',
    dark: 'rgba(75, 75, 75, 255)',
  },
  /**
   * The color for text labels containing primary content, equivalent to
   * [UIColor.label](https://developer.apple.com/documentation/uikit/uicolor/3173131-label).
   */
  label: {
    light: 'rgba(60, 60, 67, 255)',
    dark: 'rgba(255, 255, 255, 255)',
  },
  /**
   * The color for text labels containing secondary content, equivalent to
   * [UIColor.secondaryLabel](https://developer.apple.com/documentation/uikit/uicolor/3173136-secondarylabel).
   */
  secondaryLabel: {
    light: 'rgba(0, 0, 0, 255)',
    dark: 'rgba(235, 235, 245, 255)',
  },
  /**
   * The color for text labels containing tertiary content, equivalent to
   * [UIColor.tertiaryLabel](https://developer.apple.com/documentation/uikit/uicolor/3173153-tertiarylabel).
   */
  tertiaryLabel: {
    light: 'rgba(60, 60, 67, 76)',
    dark: 'rgba(235, 235, 245, 76)',
  },
  /**
   * The color for text labels containing quaternary content, equivalent to
   * [UIColor.quaternaryLabel](https://developer.apple.com/documentation/uikit/uicolor/3173135-quaternarylabel).
   */
  quaternaryLabel: {
    light: 'rgba(60, 60, 67, 60)',
    dark: 'rgba(235, 235, 245, 40)',
  },
  /**
   * An overlay fill color for thin and small shapes, equivalent to
   * [UIColor.systemFill](https://developer.apple.com/documentation/uikit/uicolor/3255070-systemfill).
   */
  systemFill: {
    light: 'rgba(120, 120, 128, 51)',
    dark: 'rgba(120, 120, 128, 91)',
  },
  /**
   * An overlay fill color for medium-size shapes, equivalent to
   * [UIColor.secondarySystemFill](https://developer.apple.com/documentation/uikit/uicolor/3255069-secondarysystemfill).
   */
  secondarySystemFill: {
    light: 'rgba(120, 120, 128, 40)',
    dark: 'rgba(120, 120, 128, 81)',
  },
  /**
   * An overlay fill color for large shapes, equivalent to
   * [UIColor.tertiarySystemFill](https://developer.apple.com/documentation/uikit/uicolor/3255076-tertiarysystemfill).
   */
  tertiarySystemFill: {
    light: 'rgba(118, 118, 128, 30)',
    dark: 'rgba(118, 118, 128, 61)',
  },
  /**
   * An overlay fill color for large areas containing complex content, equivalent
   * to [UIColor.quaternarySystemFill](https://developer.apple.com/documentation/uikit/uicolor/3255068-quaternarysystemfill).
   */
  quaternarySystemFill: {
    light: 'rgba(116, 116, 128, 20)',
    dark: 'rgba(118, 118, 128, 45)',
  },
  /**
   * The color for placeholder text in controls or text views, equivalent to
   * [UIColor.placeholderText](https://developer.apple.com/documentation/uikit/uicolor/3173134-placeholdertext).
   */
  placeholderText: {
    light: 'rgba(60, 60, 67, 76)',
    dark: 'rgba(235, 235, 245, 76)',
  },
  /**
   * The color for the main background of your interface, equivalent to
   * [UIColor.systemBackground](https://developer.apple.com/documentation/uikit/uicolor/3173140-systembackground).
   * Typically used for designs that have a white primary background in a light environment.
   */
  systemBackground: {
    light: 'rgba(255, 255, 255, 255)',
    dark: 'rgba(0, 0, 0, 255)',
  },
  /**
   * The color for content layered on top of the main background, equivalent to
   * [UIColor.secondarySystemBackground](https://developer.apple.com/documentation/uikit/uicolor/3173137-secondarysystembackground).
   * Typically used for designs that have a white primary background in a light environment.
   */
  secondarySystemBackground: {
    light: 'rgba(242, 242, 247, 255)',
    dark: 'rgba(28, 28, 30, 255)',
  },
  /**
   * The color for content layered on top of secondary backgrounds, equivalent
   * to [UIColor.tertiarySystemBackground](https://developer.apple.com/documentation/uikit/uicolor/3173154-tertiarysystembackground).
   * Typically used for designs that have a white primary background in a light environment.
   */
  tertiarySystemBackground: {
    light: 'rgba(255, 255, 255, 255)',
    dark: 'rgba(44, 44, 46, 255)',
  },
  /**
   * The color for the main background of your grouped interface, equivalent to
   * [UIColor.systemGroupedBackground](https://developer.apple.com/documentation/uikit/uicolor/3173145-systemgroupedbackground).
   * Typically used for grouped content, including table views and platter-based designs.
   */
  systemGroupedBackground: {
    light: 'rgba(242, 242, 247, 255)',
    dark: 'rgba(0, 0, 0, 255)',
  },
  /**
   * The color for content layered on top of the main background of your grouped interface,
   * equivalent to [UIColor.secondarySystemGroupedBackground](https://developer.apple.com/documentation/uikit/uicolor/3173138-secondarysystemgroupedbackground).
   * Typically used for grouped content, including table views and platter-based designs.
   */
  secondarySystemGroupedBackground: {
    light: 'rgba(255, 255, 255, 255)',
    dark: 'rgba(28, 28, 30, 255)',
  },
  /**
   * The color for content layered on top of secondary backgrounds of your grouped interface,
   * equivalent to [UIColor.tertiarySystemGroupedBackground](https://developer.apple.com/documentation/uikit/uicolor/3173155-tertiarysystemgroupedbackground).
   * Typically used for grouped content, including table views and platter-based designs.
   */
  tertiarySystemGroupedBackground: {
    light: 'rgba(242, 242, 247, 255)',
    dark: 'rgba(44, 44, 46, 255)',
  },
  /**
   * The color for thin borders or divider lines that allows some underlying content to be visible,
   * equivalent to [UIColor.separator](https://developer.apple.com/documentation/uikit/uicolor/3173139-separator).
   */
  separator: {
    light: 'rgba(60, 60, 67, 73)',
    dark: 'rgba(84, 84, 88, 153)',
  },
  /**
   * The color for links, equivalent to
   * [UIColor.link](https://developer.apple.com/documentation/uikit/uicolor/3173132-link).
   */
  link: {
    light: 'rgba(0, 122, 255, 255)',
    dark: 'rgba(9, 132, 255, 255)',
  },
}