Translations of this page:
  • en
Index Key Link
action Click to view
add Click to view
affiliation Click to view
align Click to view
alignment Click to view
alpha Click to view
analog clock Click to view
animated image Click to view
app drawer Click to view
app group Click to view
application Click to view
audio Click to view
background Click to view
backup Click to view
beginner Click to view
behavior Click to view
blur Click to view
calendar Click to view
card Click to view
checklist Click to view
circle indicator Click to view
clean slate Click to view
clock Click to view
code block Click to view
code of conduct Click to view
color picker Click to view
communities Click to view
compass Click to view
compatibility Click to view
complementary color Click to view
conceptual learning Click to view
configure Click to view
contact Click to view
contrast Click to view
contribute Click to view
date Click to view
date / time Click to view
default launcher Click to view
delete Click to view
desktop Click to view
developer Click to view
discussion guideline Click to view
distribution Click to view
drawer Click to view
drawer handle Click to view
dual-screen Click to view
dynamic color Click to view
dynamic image Click to view
dynamic text Click to view
edit Click to view
editing Click to view
edit mode Click to view
export Click to view
feature Click to view
file naming Click to view
flip-style Click to view
foldable Click to view
folder Click to view
font Click to view
full screen Click to view
gaussian Click to view
gesture Click to view
getting started Click to view
gradient Click to view
group Click to view
heading Click to view
help Click to view
hide Click to view
html Click to view
hue Click to view
icon Click to view
import Click to view
install Click to view
installation Click to view
instructable Click to view
intellectual property Click to view
issue Click to view
key Click to view
keys & gestures Click to view
label Click to view
landscape mode Click to view
launcher action Click to view
layout Click to view
liability Click to view
lifetime purchase Click to view
light source Click to view
link Click to view
list Click to view
luminance Click to view
macro Click to view
macrodroid Click to view
margin Click to view
mask Click to view
media controller Click to view
mobile Click to view
month/year/day Click to view
move Click to view
multi-screen Click to view
namespace Click to view
navigation Click to view
object Click to view
object design menu Click to view
official Click to view
official blog Click to view
offset Click to view
option Click to view
ordinal Click to view
page Click to view
page indicator Click to view
paste Click to view
performance Click to view
permission Click to view
pin Click to view
png Click to view
quoting Click to view
radius Click to view
registration Click to view
reminder Click to view
remove Click to view
resource Click to view
rotate Click to view
rss Click to view
save Click to view
scroll Click to view
search Click to view
select Click to view
shadow Click to view
shape Click to view
share Click to view
sidebar Click to view
slider Click to view
sliding drawer Click to view
spacing Click to view
stretch Click to view
syntax Click to view
system setting Click to view
system ui Click to view
table Click to view
table of content Click to view
tasker Click to view
taxonomy Click to view
temperature Click to view
termination Click to view
terms of use Click to view
text Click to view
theme Click to view
toby Click to view
trademark Click to view
transform Click to view
transparency Click to view
transparent Click to view
troubleshooting Click to view
typeface Click to view
ui Click to view
user conduct Click to view
user interface demo Click to view
variable Click to view
wallpaper Click to view
warranties Click to view
weather Click to view
webp Click to view
website Click to view
welcome Click to view
widget Click to view
wiki Click to view
wiki editing Click to view
window Click to view

Phase 1: The Object (Visual Mastery)

In Total Launcher, everything — an app icon, a text label, a background shape, or a widget — is an “Object”. Learning how to style one object yields knowing how to style them all.

This phase covers the visual attributes: Appearance, Geometry, and Effects.

Accessing the Designer

Before you can change how an object looks, you must enter the design menu.

  • Method 1 (Direct): Long-press (tap and hold) to highlight the object and open the Object Design menu at the top of the screen.
    • *Action:* Select Edit icon (pencil) in the center of the page to quickly resize or move the object or
    • *Action:* Select the Options icon (gear) in the Object Design menu to open the full attribute list.
  • Method 2 (The Edit Mode Toggle): If long-press is disabled (common in finished themes), pinch-in on the screen to open the main menu and toggle Edit Mode which displays a current state of Edit off in the lower right corner. Tap it to turn it “On” .

The "Geometry" (Size & Position)

New users often confuse “Scale” with “Size.” It is critical to distinguish them.

  • The Bounding Box (Size): This is the physical clickable area of the object.

Geometry & Alignment

  • The Bounding Box (Clickable Area):
  • How to change: Long-press the object to select it, then drag the blue handles or tap the Edit icon (pencil) and input specific W (Width) and H (Height) pixel values.
  • Visual Sizing (Content):
    • For Text: Use Scale X (%) in the Text Options to stretch or compress the font width.
    • For Icons: Use Icon Padding in the Icon Options. Increasing padding makes the icon appear smaller without shrinking the clickable bounding box.

Rotation vs. Transformation

  • Rotation or Transformation
    • Rotation: Spins the object on a 2D plane (like a clock hand). Range is -180° to +180°.
    • Transformation: Tilts the object in 3D space (X and Y axes).
      • *Note:* Rotation must be activated before Transformation options become available.

Icon: Rotated @ 45
vs
then Transformed @ Y-axis 50

Typography & Text

Text objects can be static (labels) or dynamic (data).

The Two Types of Text

  • Static Text: Plain labels like “Home” or “Apps.”
  • Dynamic Text: Total Launcher can display system data. When adding text, you can choose standard formats like Date (e.g., M/d/yyyy) or Time (e.g., hh:mm), or use Text Tags for battery, RAM, or unread counts. See the dialog

here.

Text Formatting Options

Found under the selected (highlighted) object's Options > Text as shown in the dialog

here.

  • Typeface: Choose from system fonts or user-imported TTF files.
  • Capitalize: Forces all text to UPPERCASE automatically.
  • Scale X (%): Stretches the text width. <100% creates “condensed” font; >100% creates “wide” font.
  • Label Lines: Limits text to 1, 2, or 3 lines (useful for preventing long app names from overlapping other icons).

Icons & Images

Use more than the default app icons.

  • Icon Packs: Apply a global icon pack to all icons in Launcher Options, or override a single object by selecting Options > Icon > Icon Pack.
  • Color Filters: A powerful tool to silhouette an icon.
    • *How it works:* Apply a solid color (e.g., White) over a colorful icon. This flattens it into a minimal shape.
  • Settings: Set White color to 50% transparent (slider) and Saturation to 0% to make it grayscale (Black & White) or to 100% for full color.

Icon: Native
vs
White @ 50%; Saturation @ 0%

Backgrounds & Shapes

Every object sits on a “canvas” called the Background.

The Gradient Trick

  • Solid Color: Select a single color in the option color of the launcher's Color Picker (supports transparency/alpha).
  • Shapes: Choose Rectangle, Oval, Rounded Rectangle, Arc, Squircle, or Polygon.
    • *Gradient Tip:* In the Shape menu, there is Color 1 and Color 2. Set them to different colors to create a gradient, or set Color 2 to “Transparent” 100% to get a fade-out effect. Then select Fill to pick the desired effect.
Color Picker: Round Rectangle
Color1 Red
Color2 Green
Shape: Fill dialog
Color1 Red
Color2 Green
Color Picker: Round Rectangle
Color1 Red
Color2 Transparent
Shape: Fill dialog
Color1 Red
Color2 Transparent

Shadows & Depth

Shadows are applied to the content (the text letters or icon shape), not the bounding box.

  • Radius: Controls the blur. A high radius (e.g., 20px) looks like a soft glow; a low radius (1px) looks like a hard outline.
  • Offset X/Y: Controls the light source direction.
    • *Pro Tip:* Set Offset X and Y to 0 and use a bright shadow color to create a “Neon Glow” effect around text.

Shadow & Depth
Plain
Offset X 5 Offset Y 5 Radius 20
Offsets 0 Radius 1



Discussion

Enter your comment. Wiki syntax is allowed:
Please solve the following equation to prove you're human. 136​ -0 =