How to support Dark Mode for iOS 13 using asset catalog colors?

How to support Dark Mode for iOS 13 using asset catalog colors?

06 November, 2019 by img Darshan Kunjadiya in iOS App Development
How to support Dark Mode for iOS 13 using asset catalog colors?

We are going to realize how to help dark mode effectively for existing and new tasks.

Apple will report framework wide dark mode support for iOS 13. We’re not discussing the upset shading variation of dark mode, however increasingly about the Mojave style of a darker appearance.



What is dark mode?

Probably the greatest mobile applications on iOS previously inherent help and show us precisely what dim mode could bring one applications begin to help it. It fundamentally implies a reversed shading subject of the application in which the primary foundation hues are dark.



Preparing my app for a darker theme

Almost certainly, dark mode is getting down to business equivalent to how it presently takes a shot at Mac applications in Mojave. Apple composed definite documentation on the best way to help the darker appearance utilizing AppKit. You can include bolster utilizing code by exchanging hues dependent on the present genuine or bogus incentive for the dark mode setting, however it’s significantly simpler to utilize a benefit list. Taking a gander at the Apple documentation we can perceive how simple this is. All pictures and hues in the benefit index have an alternative to modify for a particular appearance.



How to use asset catalog colors in Xcode?

By utilizing resource catalog colors in Xcode you’re likely going to have a simpler activity for supporting dark mode when it’s discharged. You’ll just need to characterize new hues for the new style of appearance. Similar means pictures for which you should as of now be utilizing resource indexes.

Inside your benefit list, you can make another shading set.



After giving your color a describing name like “backgroundColor” you can adjust the appearances setting and set a specific color for the darker appearance.



You can now reference this color in your code as follows:

view.backgroundColor = UIColor(named: “backgroundColor”)


You can directly select it from attributes inspector like below:


this will probably permit your application to change to a darker appearance effectively. You can do precisely the equivalent for pictures by determining a particular picture for a specific appearance. Be that as it may, you can likewise decide to let your pictures change utilizing a tint shading and set an alternate tint shading for a particular appearance.


Dark Mode Support For Images

This will likely the same procedure as color. For images you have to specify dark mode images as below example and that will automatically change when dark mode is on in your device:



You just have to set the images for Dark Appearance and that will manage DARK MODE automatically.


Unfortunately, its absolutely impossible yet to switch appearances and test your shading settings. Be that as it may, it’s as of now an incredible initial step to begin utilizing an advantage inventory for your colors.



Enjoy Dark Mode and iOS 13 features 🙂

Looking for iOS App development services? Rlogical offers comprehensive iOS application development services, from consulting, iOS app development through to design, deployment and maintenance.


Darshan Kunjadiya

He is iOS Tech Lead at Rlogical Techsoft Pvt. Ltd. He is hardworking and dedicated person, love to explore, always have a big hunger for new knowledge. He is passionate about iOS and expert in building an innovative iOS mobile application.

Get in Touch

Contact Us

    Input Captcha Here: captcha


    3728 N Fratney St Suite 213, Milwaukee, WI 53212, United States

    Sales Executive: +1 414 253 3132

    Contact Email: [email protected]


    5 Kew Road, TW9 2PR, London

    Contact Email: [email protected]

    sprite_image.png?v=1717099919 INDIA (Head Office)

    701 & 801 Satkar Complex, Opp Tanishq Showroom,Behind Lal Bungalow, Chimanlal Girdharlal Rd, Ahmedabad, Gujarat 380009

    Rahul Panchal: +91-9824601707
    Jatin Panchal: +91-9974202036

    Contact Email: [email protected]

    sprite_image.png?v=1717099919 JAPAN

    301 1-28-21 Hayabuchi, Tsuzuki-ku, Yokohama-shi, Kanagawa 224-0025, Japan

    Contact Email: [email protected]

    sprite_image.png?v=1717099919 Australia

    Suit 3, Level 27, 1 Farrer Place Sydney NSW 2000

    Contact Email: [email protected]