The basics of Color Assets

This post is going to explain the basics of Color Assets in iOS or macOS projects.

I made a screen recording about how to use Color Assets to use different colors for light and dark mode based on the system settings. It is below.

Before getting started, what are Color Assets? Color Assets live in the .xcassets folder and are colors that can be used in a project. You can use a color picker to assign the color and then call that color’s name in your app.

To add an asset to your project

1. Navigate to the Assets.xcassets file
2. Click the + in the bottom left
3. Choose New Color Set from the menu
4. Double click on the Color to give it a new name

To adjust the color of the asset, open the inspector on the right.