======  Launcher Options: Icon Style  ======

To navigate to the area for a specific image, tap the image title. See a brief summary of the significance of this dialog below the images ([[#ui_&_animation_significance|or tap here]]).

^  ▶ [[:ui:ui-icon_style-app_icons|Application Icons]]  ^  ▶ [[:ui:ui-icon_style-adaptive_icons|Adaptive Icons]]  ^  ▶ [[:ui:ui-icon_style-folder_icons|Folder Icons]]  ^  ▶ [[:ui:ui-icon_style-badge_count|Badge Count]]  ^
| {{:ui:ui-launcher_options-icon_style-app_icons-1of4-v4.webp?200|Icon Style Application Icons}} | {{:ui:ui-launcher_options-icon_style-adaptive_icons-2of4-v4.webp?200|Icon Style Adaptive Icons}} | {{:ui:ui-launcher_options-icon_style-folder_icons-3of4-v4.webp?200|Icon Style Folder Icons}} |  {{:ui:ui-launcher_options-icon_style-badge_count-4of4-v4.webp?200|Icon Style Badge Count}}  |
^  ▶ [[:ui:ui-icon_style-app_icons|Application Icons]]  ^  ▶ [[:ui:ui-icon_style-adaptive_icons|Adaptive Icons]]  ^  ▶ [[:ui:ui-icon_style-folder_icons|Folder Icons]]  ^  ▶ [[:ui:ui-icon_style-badge_count|Badge Count]]  ^

===== Understanding Icon Style Impact On Design Layout =====

While this landing page is detailed, it is a main area to control how Total Launcher renders application icons, folders, and notification indicators. Modifying these elements heavily impacts the overall theme and design layout. There are 4 main areas in the dialog:

==== Application icon ====
  * **Application icon:** - The primary control area for defining how individual applications render on the home screen.
  * This section contains settings for overall ''Icon quality'' (Low to High), ''Icon pack'' selection, ''Icon scale(%)'', and precise positioning using ''Icon offset X(%)'' and ''Icon offset Y(%)''. 
  * It also includes advanced layering options to stack a ''Background'', ''Foreground'', and ''Mask'' (e.g., ''glass_rnd_b2'') over standard icons. 
  * This is a powerful customization tool utilized to completely overhaul the screen design by applying third-party themes or creating custom masked shapes for a unique visual flow.

==== Adaptive icon ====
  * **Adaptive icon:** - Manages the uniform shaping and scaling of application icons for a system-wide match.
  * This section provides selections for the base ''Icon shape'', a toggle to ''Reshape legacy icons'', and slider adjustments for the ''Foreground scale''.
  * This feature creates a cohesive layout by forcing disparate application designs into a single, uniform boundary box. A ''Themed icon'' option (PRO) utilizes monochrome designs when available to match system color palettes.

==== Folder icon ====
  * **Folder icon:** - Controls the visual representation of grouped application containers.
  * Similar to standard application icons, this area allows specific adjustments to the ''Icon layout'', ''Icon scale(%)'', and X/Y offset positioning. 
  * It includes dedicated layer settings to apply unique shapes, such as a ''polygon_1'' mask.
  * Altering these settings helps to visually differentiate folder groups from standard application launchers, ensuring a clean and organized layout.
  * 
==== Badge count ====
  * **Badge count:** - Controls the visual appearance of notification counters on applications.
  * This section manages static text and shape elements. It controls configurations for ''Icon size'', ''Background'', ''Typeface'', ''Font size'', and ''Text color''.
  * Adjusting these settings ensures notification indicators match the overall aesthetic or stand out for higher visibility. All options in this category require the PRO version for customization.

===== Recommendations for First-Time Users =====

  * **Start Simple with Icon Packs:**
    - Bypass complex masking or offsets during early configuration attempts.
    - Download a standard icon pack.
    - Apply the theme within the **Application icon** section to instantly change the device appearance.

  * **Enable Normalization:**
    - Navigate to the **Application icon** settings.
    - Locate the toggle configurations.
    - Activate ''Normalize icon size'' to instantly make disparate application sizes look more uniform and professional.

  * **Utilize Adaptive Shapes:**
    - Access the **Adaptive icon** section.
    - Select a uniform ''Icon shape''.
    - Ensure ''Reshape legacy icons'' is toggled on to clean up the current screen and force older applications to match modern styling.

  * **Optimize Notification Readability in Badge count:**
    - Increase ''Font size'
    - Apply a high-contrast ''Text color'' (such as ''#FFFFFFFF'')

<WRAP clearb></WRAP>

<WRAP noprint>

{{page>site:site-footer-comment_feedback_block}}

</WRAP>