Skip to content

Instantly share code, notes, and snippets.

@riodw
Created July 2, 2019 01:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save riodw/320b410f763393de8ff8eb91d8d3d5cc to your computer and use it in GitHub Desktop.
Save riodw/320b410f763393de8ff8eb91d8d3d5cc to your computer and use it in GitHub Desktop.
/*
Apple Colors
https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/
*/
/* Blue */
.text-blue {
color: rgb(10, 132, 255);
}
.bg-blue {
background-color: rgb(10, 132, 255);
}
/* Gray */
.text-gray {
color: rgb(152, 152, 157);
}
.bg-gray {
background-color: rgb(152, 152, 157);
}
/* Green */
.text-green {
color: rgb(48, 209, 88);
}
.bg-green {
background-color: rgb(48, 209, 88);
}
/* Indigo */
.text-indigo {
color: rgb(94, 92, 230);
}
.bg-indigo {
background-color: rgb(94, 92, 230);
}
/* Orange */
.text-indigo {
color: rgb(255, 159, 10);
}
.bg-indigo {
background-color: rgb(255, 159, 10);
}
/* Pink */
.text-pink {
color: rgb(255, 55, 95);
}
.bg-pink {
background-color: rgb(255, 55, 95);
}
/* Purple */
.text-purple {
color: rgb(191, 90, 242);
}
.bg-purple {
background-color: rgb(191, 90, 242);
}
/* Purple */
.text-purple {
color: rgb(191, 90, 242);
}
.bg-purple {
background-color: rgb(191, 90, 242);
}
/* Red */
.text-red {
color: rgb(255, 69, 58);
}
.bg-red {
background-color: rgb(255, 69, 58);
}
/* Teal */
.text-teal {
color: rgb(100, 210, 255);
}
.bg-teal {
background-color: rgb(100, 210, 255);
}
/* Yellow */
.text-yellow {
color: rgb(255, 214, 10);
}
.bg-yellow {
background-color: rgb(255, 214, 10);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment