Skip to content
This repository was archived by the owner on Jan 14, 2025. It is now read-only.

Customization: Advanced

Dani Mahardhika edited this page Dec 14, 2016 · 45 revisions

NOTE: Customization mostly related to dashboard, not Icon Pack.

## 1. Dashboard Colors Open `colors.xml` inside values folder.

  • colorPrimary(1). colorPrimary will be used as background for home_image, navigation_view_header, and about_image when you set them to empty.
  • colorPrimaryDark(2). On Android M, status bar icon color automatically changed based on colorPrimaryDark color. #C0C0C0 - #FFFFFF will be marked as light, status bar icon color will be set to dark (black). Other than that color, status bar icon color will be set to light (white).
  • colorAccent(8)
  • darkColorPrimarycolorPrimary for dark theme.
  • darkColorPrimaryDarkcolorPrimaryDark for dark theme.
  • darkColorAccentcolorAccent for dark theme.

Splash Screen

  • splashColor → Splash screen background color.

Navigation Drawer

  • navigationViewTitle(10)
  • navigationViewTitleBack(9)
  • navigationViewText(12)
  • navigationViewTextDarknavigationViewText for dark theme.
  • navigationViewTextSelected(11)
  • navigationViewTextSelectedDarknavigationViewTextSelected for dark theme.

Swipe Refresh

  • swipeRefresh → Swipe refresh icon color in wallpapers section.

Toolbar

  • toolbarIcon(3). Since release 1.0.7 home_title and home_subtitle color changed to homeTitle.
  • toolbarIconDarktoolbarIcon for dark theme.

Toolbar Search

  • searchToolbar → Search background color.
  • searchToolbarDarksearchToolbar for dark theme.
  • searchToolbarIcon → Search icon color.
  • searchToolbarIconDarksearchToolbarIcon for dark theme.
  • searchToolbarHintText → Search hint text color.
  • searchToolbarHintTextDarksearchToolbarHintText for dark theme.

Home

  • homeTitle
  • homeTitleDarkhomeTitle for dark theme.

Tab

  • tabIndicator(16)
  • tabIndicatorDarktabIndicator for dark theme.
  • tabText(15)
  • tabTexttabText for dark theme.
  • tabTextSelected(14)
  • tabTextSelectedDarktabTextSelected for dark theme.

Card

  • cardBackground(4)
  • cardBackgroundDarkcardBackground for dark theme.
  • cardRipple(17)
  • cardRippleDarkcardRipple for dark theme.
  • cardSelected → Card background color in Icon Request when missing app selected.
  • cardSelectedDarkcardSelected for dark theme.
  • rippleAccent(19)
  • rippleAccentDarkrippleAccent for dark theme.

Attributes

  • mainBackground(18)
  • mainBackgroundDarkmainBackground for dark theme.
  • primaryText(5)
  • primaryTextDarkprimaryText for dark theme.
  • secondaryText(7)
  • secondaryTextDarksecondaryText for dark theme.
  • hintText(13)
  • hintTextDarkhintText for dark theme.
  • dividerList(6)
  • dividerListDarkdividerList for dark theme.

Wallpaper Preview

  • wallpaperStatusBar → Wallpaper preview status bar color.
  • wallpaperToolbar → Wallpaper preview toolbar color.

2. Navigation Drawer Icons

  • ic_drawer_home.png → Home
  • ic_drawer_apply.png → Apply
  • ic_drawer_icons.png → Icons
  • ic_drawer_request.png → Icon Request
  • ic_drawer_wallpapers.png → Wallpapers
  • ic_drawer_settings.png → Settings
  • ic_drawer_faqs.png → FAQs
  • ic_drawer_about.png → About
  • ic_drawer_donate.png → Support Development

Those are icon name for navigation drawer icons. If you want to replace the icon, create image .png format with 114 x 114 pixels dimensions, name it exactly same as icon name provided above. Copy *.png file to drawable-xxxhdpi folder.

NOTE: You only need to create 1 icon for each with white color. CandyBar will recolor it based on color provided in colors.xml.

3. Home Features Icons

  • ic_features_icons.png → Feature number of icons
  • ic_features_quality.png → Feature icons quality
  • ic_features_wallpapers.png → Feature wallpapers
  • ic_features_muzei.png → Feature Muzei Live Wallpaper
  • ic_features_launchers.png → Feature supported launchers
  • ic_features_others.png → Feature other

Those are icon name for home features. If you want to replace the icon, create image .png format with 114 x 114 pixels dimensions, name it exactly same as icon name provided above. Copy *.png file to drawable-xxxhdpi folder.

NOTE: You only need to create 1 icon for each with white color. CandyBar will recolor it based on color provided in colors.xml.

4. Launcher Icons

  • ic_launcher_action.png → Action Launcher
  • ic_launcher_adw.png → ADW Launcher
  • ic_launcher_apex.png → Apex Launcher
  • ic_launcher_atom.png → Atom Launcher
  • ic_launcher_aviate.png → Aviate Launcher
  • ic_launcher_cm.png → CM Theme Engine
  • ic_launcher_go.png → GO Launcher
  • ic_launcher_holo.png → Holo Launcher
  • ic_launcher_holohd.png → Holod Launcher HD
  • ic_launcher_kk.png → KK Launcher
  • ic_launcher_lg.png → LG Home
  • ic_launcher_lucid.png → Lucid Launcher
  • ic_launcher_mini.png → Mini Launcher
  • ic_launcher_next.png → Next Launcher
  • ic_launcher_nougat.png → Nougat Launcher
  • ic_launcher_nova.png → Nova Launcher
  • ic_launcher_s.png → S Launcher
  • ic_launcher_smart.png → Smart Launcher
  • ic_launcher_solo.png → Solo Launcher
  • ic_launcher_zenui.png → ZenUI Launcher

Those are icon name for launchers. If you want to replace the icon, create image .png format with 192 x 192 pixels dimensions, name it exactly same as icon name provided above. Copy *.png file to drawable-xxxhdpi folder.

5. Dashboard Font

Default font used is Roboto. If you want to change it, create folder inside assets folder named fonts. You will need 3 types of font for regular, medium, and bold.

  • Font-Bold.ttf → Bold font
  • Font-Medium.ttf → Medium font
  • Font-Regular.ttf → Default font
  • Font-Light.ttf → Light Font Since release 1.2.0 Font-Light.ttf no longer used

Rename your font exactly same as font name provided above. Copy to fonts folder inside assets folder.

6. Exclude Certain Name Inside Icons Preview

Open dashboard_icon_name_replacer.xml inside values folder.

  • enable_icon_name_replacer(true) Enable icon name replacer. (false) Disable icon name replacer.
  • icon_name_replacer → Put specific word that you want to repalce.

Here an example

You want to remove word app_ or replace word app_ with (blank).

<string-array name="icon_name_replacer">
    <!-- Word "app_" will be replaced with "" -->
    <item>app_,</item>
</string-array>

Format: Word that you want to repalce + ,(comma) + Word that you want to replace with

7. Apex Launcher Settings

Open apex_settings.xml inside values folder.

  • drawer_background_color → App drawer background color. Format with Hex color codes, #aarrggbb.
    aa → Alpha
    rr → Red
    gg → Green
    bb → Blue

I'm not sure about the rest

  • drawer_icon_dark
  • drawer_icon_text_color
  • drawer_list_selector_dark_pressed
  • drawer_list_selector_light_pressed
  • drawer_selected_dark
  • drawer_selected_light
  • drawer_shadow_color
  • drawer_tab_text_color
  • drawer_text_color

8. Frequently Asked Questions

You can add more question and answer for FAQs, open dashboard_faqs.xml inside values folder.