Home
%3CLINGO-SUB%20id%3D%22lingo-sub-918453%22%20slang%3D%22en-US%22%3EIntroducing%20dark%20mode%20on%20Microsoft%20Intune%20Company%20Portal%20for%20iOS%208)%3C%2Fimg%3E%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-918453%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F138383iBBCA393CC5B887AF%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.png%22%20title%3D%22clipboard_image_0.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20style%3D%22text-align%3A%20left%3B%22%3EiOS%2013%20launched%20with%20lots%20of%20exciting%20new%20features%20for%20consumer%20and%20enterprise%20alike%2C%20from%20User%20Enrollment%20to%20Apple%20Arcade.%20Perhaps%20one%20of%20the%20most%20anticipated%20features%20is%20%26nbsp%3Bdark%20mode%20for%20iOS.%26nbsp%3B%20We%E2%80%99re%20thrilled%20to%20announce%20that%20the%20Microsoft%20Intune%20Company%20Portal%20now%20supports%20dark%20mode%20on%20iOS%20devices!%20Whether%20you%E2%80%99re%20a%20busy%20bee%20looking%20to%20optimize%20your%20battery%20life%20or%20a%20night%20owl%20browsing%20your%20corporate%20apps%20in%20the%20dark%2C%20we%20know%20dark%20mode%20is%20important%20to%20millions%20of%20our%20users%20out%20there.%20Now%20you%20can%20enroll%20your%20device%2C%20find%20apps%2C%20and%20get%20IT%20support%20in%20the%20theme%20you%20love%20most.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F138390iE47DED43B768D209%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22dark%20mode%20ios%2002.png%22%20title%3D%22dark%20mode%20ios%2002.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWe've%20also%20added%20support%20for%20dark%20mode%20within%20the%20Intune%20SDK%20for%20iOS%2C%20empowering%20developers%20for%20both%20Microsoft%20and%203rd%20party%20apps%20to%20build%20secure%20enterprise%20apps%20with%20a%20seamless%20visual%20experience%20across%20all%20screens.%20End%20users%20on%20Intune%20protected%20apps%20such%20as%20Microsoft%20Outlook%20will%20also%20find%20that%20the%20Intune%20dark%20mode%20UI%20will%20match%20whether%20the%20Intune%20protected%20app%20is%20in%20dark%20mode%20or%20light.%3C%2FP%3E%0A%3CP%3EIf%20you're%20an%20app%20developer%20wishing%20to%20take%20advantage%20of%20the%20Intune%20SDK's%20dark%20mode%20support%20for%20UI%20such%20as%20the%20Intune%20PIN%20screen%2C%20check%20out%20the%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fintune%2Fdeveloper%2Fapp-sdk-ios%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EIntune%20SDK%20for%20iOS%20here%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F147528i4A66470133BB7D56%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.png%22%20title%3D%22clipboard_image_0.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH1%20id%3D%22toc-hId-2047040122%22%20id%3D%22toc-hId-2047040122%22%20id%3D%22toc-hId-2047040122%22%3EDesign%20philosophy%3C%2FH1%3E%0A%3CP%3EWhile%20designing%20dark%20mode%20for%20the%20iOS%20Company%20Portal%2C%20we%20kept%20true%20to%20the%20following%20three%20design%20principles%3A%20%3CSTRONG%3Eaccessibility%20first%2C%20careful%20consistency%2C%20and%20Fluent%20Design%3C%2FSTRONG%3E.%20To%20best%20support%20our%20users%20who%20may%20need%20higher%20contrast%20visuals%2C%20we%20were%20very%20intentional%20in%20our%20color%20combinations%2C%20creating%20a%20soft%20and%20muted%20look%20in%20true%20dark%20mode%20fashion%20while%20still%20adhering%20to%20international%20accessibility%20guidelines.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CIFRAME%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2FE4pFtIybimo%3Frel%3D0%22%20width%3D%2295%25%22%20height%3D%22600px%22%20frameborder%3D%220%22%20allowfullscreen%3D%22allowfullscreen%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%22%3E%3C%2FIFRAME%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ETo%20ensure%20consistency%20across%20the%20entire%20Microsoft%20365%20experience%2C%20we%20drew%20inspiration%20from%20the%20recent%20%3CA%20href%3D%22https%3A%2F%2Fmedium.com%2Fmicrosoft-design%2Fdesigning-dark-mode-31400530787a%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Edark%20mode%20in%20Microsoft%20365%20designs%3C%2FA%3E.%20All%20of%20the%20changes%20also%20apply%20the%20%3CA%20href%3D%22https%3A%2F%2Fwww.microsoft.com%2Fdesign%2Ffluent%2F%23%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EFluent%20Design%20System%3C%2FA%3E%20principles%20to%20bring%20simplicity%20to%20the%20ecosystem%20and%20unity%20across%20platforms.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH1%20id%3D%22toc-hId--505116839%22%20id%3D%22toc-hId--505116839%22%20id%3D%22toc-hId--505116839%22%3EHow%20to%20enable%20dark%20mode%3C%2FH1%3E%0A%3CP%3EIf%20you%E2%80%99re%20already%20using%20dark%20mode%20on%20your%20iOS%20device%2C%20you%20don%E2%80%99t%20need%20to%20do%20anything%20else!%20Company%20Portal%20will%20match%20your%20device%20settings%20for%20dark%20or%20light%20mode%20automatically%2C%20which%20you%20can%20find%20in%20your%20device%E2%80%99s%20default%20Settings%20app.%20Navigate%20to%20the%20Display%20%26amp%3B%20Brightness%20settings%2C%20then%20go%20to%20the%20Appearance%20section%20and%20select%20the%20Light%20or%20Dark%20mode%20theme%20for%20your%20device%3A%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F138389iB940C1DD12F47EB3%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_7.jpeg%22%20title%3D%22clipboard_image_7.jpeg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH1%20id%3D%22toc-hId-1237693496%22%20id%3D%22toc-hId-1237693496%22%20id%3D%22toc-hId-1237693496%22%3EDark%20mode%20on%20the%20macOS%20Company%20Portal%3C%2FH1%3E%0A%3CP%3EOh%2C%20and%20one%20more%20thing!%20Don't%20forget%20that%20the%20Company%20Portal%20app%20for%20macOS%20already%20supports%20dark%20mode.%20Similar%20to%20iOS%2C%20it%20automatically%20adapts%20to%20your%20theme%20changes%20in%20macOS%20System%20Preferences.%20Enjoy%20a%20seamless%20visual%20experience%20across%20your%20devices%2C%20day%20and%20night.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F147537iB5988B32663B56BA%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_1.png%22%20title%3D%22clipboard_image_1.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F147539iF6FA79F4EB809ADB%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_2.png%22%20title%3D%22clipboard_image_2.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH1%20id%3D%22toc-hId--1314463465%22%20id%3D%22toc-hId--1314463465%22%20id%3D%22toc-hId--1314463465%22%3ENext%20Steps%3C%2FH1%3E%0A%3CP%3EOur%20team%20has%20been%20dedicated%20to%20bringing%20the%20best%20Company%20Portal%20experience%20possible%20with%20this%20feature%20along%20with%20our%20many%20other%20enhancements%20this%20year%20%E2%80%93%20and%20it%20shines%20through%20in%20our%20ratings!%20%3Aglowing_star%3A%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EOur%20App%20Store%20ratings%20for%20the%20iOS%20Company%20Portal%20have%20reached%20a%204.5%20star%20average%20with%20almost%20150K%20reviews%20from%20end%20users%20and%20IT%20admins%20alike.%20We%E2%80%99re%20always%20striving%20to%20create%20the%20best%20experience%20for%20our%20customers%20around%20the%20world%2C%20and%20we%20hope%20it%20empowers%20you%20and%20your%20organizations%20to%20achieve%20more.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ELove%20this%20dark%20mode%20update%3F%20Let%20us%20know!%20%3CA%20href%3D%22https%3A%2F%2Fapps.apple.com%2Fus%2Fapp%2Fintune-company-portal%2Fid719171358%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3ELeave%20us%20a%20review%20on%20the%20App%20Store.%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%3EFor%20more%20exciting%20articles%2C%20follow%20%3CA%20href%3D%22https%3A%2F%2Fwww.twitter.com%2Fmsintune%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%40MSIntune%3C%2FA%3E%20on%20Twitter%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CEM%3E(This%20article%20is%20authored%20by%20%3CA%20href%3D%22https%3A%2F%2Ftwitter.com%2Fjinayoon_%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EJina%20Yoon%3C%2FA%3E%2C%20Program%20Manager%2C%20Microsoft%20365)%3C%2FEM%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-918453%22%20slang%3D%22en-US%22%3E%3CP%3EWe%E2%80%99re%20thrilled%20to%20announce%20that%20the%20Microsoft%20Intune%20Company%20Portal%20now%20supports%20dark%20mode%20on%20iOS%20devices!%20Whether%20you%E2%80%99re%20a%20busy%20bee%20looking%20to%20optimize%20your%20battery%20life%20or%20a%20night%20owl%20browsing%20your%20corporate%20apps%20in%20the%20dark%2C%20we%20know%20dark%20mode%20is%20important%20to%20millions%20of%20our%20users%20out%20there.%20Now%20you%20can%20enroll%20your%20device%2C%20find%20apps%2C%20and%20get%20IT%20support%20in%20the%20theme%20you%20love%20most.%20%3Asunglasses%3A%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-918453%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EEnterprise%20Mobility%20%2B%20Security%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EUnified%20Endpoint%20Management%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-960538%22%20slang%3D%22en-US%22%3ERe%3A%20Introducing%20dark%20mode%20on%20Microsoft%20Intune%20Company%20Portal%20for%20iOS%208)%3C%2Fimg%3E%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-960538%22%20slang%3D%22en-US%22%3E%3CP%3EEvery%20MS%20apps%20having%20another%20mode%2C%20it's%20dark%26nbsp%3B%20%3A)%3C%2Fimg%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Microsoft

clipboard_image_0.png

iOS 13 launched with lots of exciting new features for consumer and enterprise alike, from User Enrollment to Apple Arcade. Perhaps one of the most anticipated features is  dark mode for iOS.  We’re thrilled to announce that the Microsoft Intune Company Portal now supports dark mode on iOS devices! Whether you’re a busy bee looking to optimize your battery life or a night owl browsing your corporate apps in the dark, we know dark mode is important to millions of our users out there. Now you can enroll your device, find apps, and get IT support in the theme you love most.

 

dark mode ios 02.png

 

We've also added support for dark mode within the Intune SDK for iOS, empowering developers for both Microsoft and 3rd party apps to build secure enterprise apps with a seamless visual experience across all screens. End users on Intune protected apps such as Microsoft Outlook will also find that the Intune dark mode UI will match whether the Intune protected app is in dark mode or light.

If you're an app developer wishing to take advantage of the Intune SDK's dark mode support for UI such as the Intune PIN screen, check out the Intune SDK for iOS here.

clipboard_image_0.png

 

Design philosophy

While designing dark mode for the iOS Company Portal, we kept true to the following three design principles: accessibility first, careful consistency, and Fluent Design. To best support our users who may need higher contrast visuals, we were very intentional in our color combinations, creating a soft and muted look in true dark mode fashion while still adhering to international accessibility guidelines.

 

 

 

To ensure consistency across the entire Microsoft 365 experience, we drew inspiration from the recent dark mode in Microsoft 365 designs. All of the changes also apply the Fluent Design System principles to bring simplicity to the ecosystem and unity across platforms.

 

How to enable dark mode

If you’re already using dark mode on your iOS device, you don’t need to do anything else! Company Portal will match your device settings for dark or light mode automatically, which you can find in your device’s default Settings app. Navigate to the Display & Brightness settings, then go to the Appearance section and select the Light or Dark mode theme for your device:

 

 

clipboard_image_7.jpeg

 

Dark mode on the macOS Company Portal

Oh, and one more thing! Don't forget that the Company Portal app for macOS already supports dark mode. Similar to iOS, it automatically adapts to your theme changes in macOS System Preferences. Enjoy a seamless visual experience across your devices, day and night.

 

clipboard_image_1.png

clipboard_image_2.png

 

Next Steps

Our team has been dedicated to bringing the best Company Portal experience possible with this feature along with our many other enhancements this year – and it shines through in our ratings! :glowing_star:

 

Our App Store ratings for the iOS Company Portal have reached a 4.5 star average with almost 150K reviews from end users and IT admins alike. We’re always striving to create the best experience for our customers around the world, and we hope it empowers you and your organizations to achieve more.

 

Love this dark mode update? Let us know! Leave us a review on the App Store.

 

For more exciting articles, follow @MSIntune on Twitter

 

(This article is authored by Jina Yoon, Program Manager, Microsoft 365)

1 Comment
Contributor

Every MS apps having another mode, it's dark  :)