apple-colors

A Package for using Colors in your User Interace with colors used by apple

Usage no npm install needed!

<script type="module">
  import appleColors from 'https://cdn.skypack.dev/apple-colors';
</script>

README

Cover

apple-colors

A Package for using Colors used by appleğŸŽ in your User Interface🌌

How to Install

Using npm

npm i apple-colors

Using yarn

yard add apple-colors

How to use

Using Colors on Your Web App

Probably in this case we Have both Light and Dark Mode Colors For You.

For Eg :-

  • Using Styled Components
import { Colors } from "apple-colors";

const Button = styled.button`
  background: ${Colors.iOS.Dark.Blue};
  color: ${Colors.iOS.Light.Grey1}
  ...Your Styling
`;
  • Using inline Styling
const MyColor = () => (
    <h1 style={{ background: Colors.iOS.Dark.Teal }}>Using Apple Colors</h1>
)

There are Colors on these Platforms too...

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