# How to change system bar colors using Jetpack Compose

DevFeed: [How to change system bar colors using Jetpack Compose](<https://devfeed.tech/articles/how-to-change-system-bar-colors-using-jetpack-compose-37161.md>)

Original publisher: [Read original article](<https://arkadiuszchmura.com/posts/how-to-change-system-bar-colors-in-compose/>)

Published: 2022-07-20T00:00:00Z

Content type: tutorial

Language: en

Sources: [Arkadiusz Chmura](<https://devfeed.tech/sources/arkadiusz-chmura.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Dark Mode](<https://devfeed.tech/topics/dark-mode.md>), [XML](<https://devfeed.tech/topics/xml.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [changes](<https://devfeed.tech/tags/changes.md>), [code](<https://devfeed.tech/tags/code.md>), [compose](<https://devfeed.tech/tags/compose.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [recomposition](<https://devfeed.tech/tags/recomposition.md>), [xml](<https://devfeed.tech/tags/xml.md>)

## AI overview

This tutorial explains how to change Android status bar and navigation bar colors directly with Jetpack Compose, without modifying XML files. It shows how to use the activity's system bar properties and update icon appearance according to the dark theme.

## Source excerpt

System bar colors can be changed directly with Compose, without a need to modify any XML files.