Skip to content

Making custom theme pack

Johanna edited this page Jun 14, 2026 · 11 revisions

Customizing colour pallette

Demo pack and other components you can find here

Screenshot_20260613_001043_Continuum Explorer

Sadly there is bug with "statusBarColor" that doesn't stay always preferred colour and that's why I highly recommend to use same colour with TabBarBackground, for getting around from that bug

Colouring UI:

1.  "tabActiveBackground":      //Tab Active Background (The background of the active tab)
2.  "textColor":                //Text colour (File names, folder names, ... etc)
3.  "menuBackground":           //Context Menu (When you right click on a file or folder)
4.  "fileViewBackground":       //Content View (Where the files and folders are)
5.  "background":               //Background
6.  "commandPanelBackground":   //Command Panel (Copy, paste, delete, ... etc below top bar)
7.  "folderIcon":               //Folder Icon
8.  "sidebarBackground":        //Sidebar Background
9.  "topBarBackground":         //Top Bar (Search bar, nav buttons, search... etc)
10. "navButtonBackground":      //Nav Buttons background (Back, Forward, Up, Refresh)
11. "tabBarBackground":         //Tab Bar (Where the tabs are, I highly recommend to use same colour with statusbar, for getting around from the bug)
12. "sidebarIcons":             //Sidebar Icons (Not predefined icon colouring, but the icons that are in the sidebar)
13. "primary":                  //Primary (The main colour of the theme, used for highlights, ... etc)
14. "statusBarColor":           //Status bar (Battery, time, ... etc, I highly recommend to use same colour with TabBarBackground, for getting around from the bug)
15. "navigationBarColor":       //Three button navigation bar or gesture navigation (Back, Home, Recent)
16. "searchBoxBackground":      //Search box background (The background of the search box when you click on the search icon in the top bar)

Icons:

"imageIcon":                //File icon
"videoIcon":                //File icon
"audioIcon":                //File icon
"musicIcon":                //File icon
"galleryIcon":              //Sidebar icon
"recentIcon":               //Sidebar icon
"downloadsIcon":            //Sidebar icon
"documentsIcon":            //Sidebar icon
"gameIcon":                 //Sidebar icon
"recycleBinIcon":           //Sidebar icon
"zipIcon":                  //File icon
"pdfIcon":                  //File icon
"xlsIcon":                  //File icon
"docxIcon":                 //File icon
"txtIcon":                  //File icon
"terminalIcon":             //File icon

Customizing icons

Add your own 128x128 or larger PNG icons in the icons/ folder. Supported names match drawable resources:

  • ic_folder.png
  • ic_nav_gallery.png
  • ic_nav_recent.png
  • ic_nav_downloads.png
  • ic_nav_documents.png
  • ic_nav_game.png
  • ic_nav_trash.png
  • ic_file.png
  • ic_pdf.png
  • ic_xls.png
  • ic_docx.png
  • ic_txt.png
  • ic_zip.png
  • ic_terminal.png
  • ic_video.png
  • ic_network.png
  • ic_dcim_folder.png (Custom icon for DCIM folder at storage root)
  • ic_download_folder.png (Custom icon for Download folder at storage root)
  • ic_pictures_folder.png (Custom icon for Pictures folder at storage root)
  • ic_documents_folder.png (Custom icon for Documents folder at storage root)
  • ic_music_folder.png (Custom icon for Music folder at storage root)
  • ic_video_folder.png (Custom icon for Movies/Video folder at storage root)

Clone this wiki locally