Compose Material 3 Theme

Kimoji：以 Jetpack Compose 實作一款「心情日記」應用 [15]

此系列文章是以我的業餘專案： Kimoji 為範例。
這款以純 Jetpack Compose 撰寫的 side project，已經在 Google Play 上架。 歡迎試玩！
📥 立馬下載

我們可以在 ui 資料夾下的檔案裡找到所有和目前主題相關的資訊。比方說，我們目前使用的預設色彩定義就位於 Color.kt 裡面。

我們來定義新的顏色。把這些內容加入 Color.kt：

現在我們把這些內容填到Theme.kt 裡的 MaterialTheme color scheme：

如果我們重新整理預覽畫面，就可以看到新色彩了：

不過，我們還沒有修改深色模式。我們可以先設定預覽畫面，再進行後續步驟。使用 UI_MODE_NIGHT_YES，為 ComponentPreview 新增 @Preview 註解：

這樣就能新增一個深色模式的預覽畫面。

在 Theme.kt 中的 color scheme 定義 DarkColors：

現在我們的 app 已經設定好主題跟樣式了！

Theme.kt 最終的程式碼

此系列文章是以我的業餘專案： Kimoji 為範例

Kimoji 是一款心情日記 App，讓你用可愛的 emoji 來撰寫你的心情日記。現在就來試試這款設計精美的微日記吧！
📥 立馬下載

Reference: https://developer.android.com/codelabs/jetpack-compose-basics