Setting up theme colors

Jump to bottom

sarsamurmu edited this page Jan 20, 2024 · 3 revisions

First open this directory - app/src/main/res

`themes.xml`

These are the files that you need to modify

values/themes.xml - for Light theme
values-night/themes.xml - for Dark theme
values-v31/themes.xml - for Material You Light theme
values-night-v31/themes.xml - for Material You Dark theme

colorPrimary: 2, 10
colorPrimaryDark: 1
colorAccent: 6
navigationBar: 11

Navigation View

navigationViewTitle: 12
navigationViewTitleBack: 13
navigationViewText: 16
navigationViewTextSelected: 14
navigationViewSelectedBackground: 15

Swipe Refresh

swipeRefresh: Refresh icon color when refreshing cloud wallpapers

Toolbar

toolbarIcon: 3

Tabs

tabIndicator: 22
tabText: 21
tabTextSelected: 20

Card

cardBackground: 8

Ripple

rippleColor: 23
rippleAccent: 24

Attributes

mainBackground: 9
primaryText: 5
secondaryText: 4
dividerList: 7

`colors.xml`

There are some colors that need to be modified in colors.xml

You can find the XMLs in

values/colors.xml - for all light themes
values-night/colors.xml - for all dark themes

Splash Screen

splashColor: Splash screen background color

Shortcut icons

These are the icons which show up when you hold down the app's icon in the app launcher

If you want more help then join Our Telegram Group.