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

Customization: Advanced

Jump to bottom
Dani Mahardhika edited this page Mar 22, 2017 · 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)
  • darkColorPrimary → colorPrimary for dark theme.
  • darkColorPrimaryDark → colorPrimaryDark for dark theme.
  • darkColorAccent → colorAccent for dark theme.

Splash Screen

  • splashColor → Splash screen background color.

Navigation Drawer

  • navigationViewTitle → (10)
  • navigationViewTitleBack → (9)
  • navigationViewText → (12)
  • navigationViewTextDark → navigationViewText for dark theme.
  • navigationViewTextSelected → (11)
  • navigationViewTextSelectedDark → navigationViewTextSelected 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.
  • toolbarIconDark → toolbarIcon for dark theme.

Toolbar Search

  • searchToolbar → Search background color.
  • searchToolbarDark → searchToolbar for dark theme.
  • searchToolbarIcon → Search icon color.
  • searchToolbarIconDark → searchToolbarIcon for dark theme.
  • searchToolbarHintText → Search hint text color.
  • searchToolbarHintTextDark → searchToolbarHintText for dark theme.

Home

  • homeTitle
  • homeTitleDark → homeTitle for dark theme.

Tab

  • tabIndicator → (16)
  • tabIndicatorDark → tabIndicator for dark theme.
  • tabText → (15)
  • tabText → tabText for dark theme.
  • tabTextSelected → (14)
  • tabTextSelectedDark → tabTextSelected for dark theme.

Card

  • cardBackground → (4)
  • cardBackgroundDark → cardBackground for dark theme.
  • cardRipple → (17)
  • cardRippleDark → cardRipple for dark theme.
  • cardSelected → Card background color in Icon Request when missing app selected.
  • cardSelectedDark → cardSelected for dark theme.
  • rippleAccent → (19)
  • rippleAccentDark → rippleAccent for dark theme.

Attributes

  • mainBackground → (18)
  • mainBackgroundDark → mainBackground for dark theme.
  • primaryText → (5)
  • primaryTextDark → primaryText for dark theme.
  • secondaryText → (7)
  • secondaryTextDark → secondaryText for dark theme.
  • dividerList → (6)
  • dividerListDark → dividerList 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

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. Launcher Icons

  • ic_launcher_abc.png → ABC Launcher
  • 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_itop.png → iTop Launcher
  • ic_launcher_kk.png → KK Launcher
  • ic_launcher_lg.png → LG Home
  • ic_launcher_lucid.png → Lucid Launcher
  • ic_launcher_m.png → M Launcher
  • ic_launcher_mini.png → Mini Launcher
  • ic_launcher_mn.png → MN Launcher
  • ic_launcher_new.png → New 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_v.png → V Launcher
  • ic_launcher_zenui.png → ZenUI Launcher
  • ic_launcher_zero.png → Zero Launcher

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

4. 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

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

5. 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

6. 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

7. Frequently Asked Questions

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

8. Splash Screen Text

Copy and paste this

<string name="splash_screen_title">CandyBar Material Dashboard</string>

to dashboard_configurations.xml. Replace "CandyBar Material Dashboard" with your own text.

Here an example

<string name="splash_screen_title">My Own Text</string>

If you don't want to show it, just set to empty.

<string name="splash_screen_title"></string>

Use CandyBar

  1. Setup
  2. Customization: Basic → Necessary
  3. Customization: Advanced → Optional
  4. Dashboard Configuration → Optional

Others

Clone this wiki locally