A Library for using Colors used by apple🍎 in your User Interface🌌 and Getting use of the Color API functions.

apple-colors is supported mostly across all Javascript Frameworks and libraries.

Using npm

npm i apple-colors

Using yarn

yard add apple-colors

Using Colors on Your Web App Probably in this case we Have both Light and Dark Mode Colors For You.

For Eg :-

• Using with Styled Components

import { Colors } from "apple-colors";

const Button = styled.button`
  background: ${Colors.iOS.Dark.Blue};
  color: ${Colors.iOS.Light.Grey1}
  ...Your Styling
`;

• Using with React inline Styling

const MyColor = () => <h1 style={{ background: Colors.iOS.Dark.Teal }}>Using Apple Colors</h1>;

• MacOS
• iOS
• WatchOS(This contains the most colors);

• mixUp: a simple function to mix colors and turn them into gradients so easily.

  import { Color } from "apple-colors";
  
  const color = Color.mixUp(["#fff", /* More colors here */], 20 /* rotation degree */)

• @HaneenMahdin on Twitter🐥
• @haneenmahdin on Instagram

Give us a star 🌟 on GitHub

Apple Colors is licensed under MIT License.