===== UI & Animation: User Interface =====

**For mobile visitors, this page is best viewed in landscape on the device, otherwise associated text will display **below** the image.**

Dialog selections are discussed to the right of the image.

{{:ui:ui-user_interface.webp?400  }}
\\ 
\\ 
\\ 
\\ 
\\ 
\\ 
\\ 
\\ 
\\ 
\\ 
\\ 
++++  ***Wallpaper**|
{{:ui:ui-ui_anim-wallpaper-dialog.webp?200}}\\ 
Total Launcher has 3 options for wallpaper handling.\\ 
  *++ ☛ No wallpaper |
\\ 
Total Launcher will not render any wallpaper. The background will be black (or transparent) unless specific Page Backgrounds are applied. 
++
  *++ ☛ System wallpaper |
\\ 
Total Launcher displays the wallpaper currently set by the Android system (shared with other apps).
++
  *++ ☛ App wallpaper |
\\ 
Total Launcher takes control of the wallpaper rendering. This is required if you want to use Total Launcher features like distinct wallpapers for different pages. 
++
++++
 
<WRAP push_medium>
  ***Sync system wallpaper** - (Available when App wallpaper is selected). When checked, Total Launcher forces the Android system to update its wallpaper to match whatever is currently displayed in Total Launcher.
</WRAP>
<WRAP push_subtle>
  ***Scroll wallpaper** - When checked, the wallpaper will scroll horizontally as you move between pages (requires the wallpaper image to be wider than the screen resolution).
</WRAP>
<WRAP push_subtle>
  ***Daily wallpaper** - When checked, Total Launcher will automatically change the App wallpaper once per day using images from a specific folder. 
</WRAP>
<WRAP push_large>
  ***Wallpaper folder** - (Visible when Daily wallpaper is checked). Tap to select the device folder containing the daily images. Images are cycled in alphanumeric order
</WRAP>
<WRAP push_large>
  ***Blur amount for shape** - Adjusts the intensity of the blur effect applied to Shape objects when their "Fill" property is set to "Blurry wallpaper". When tapped, ++this dialog|{{:ui:ui-ui_anim-blur_amt_for_shape-dialog.webp?nolink&200|}}++ uses a slider with a range from 0 to 100, with 0 representing fully transparent (no blur effect) view.
</WRAP>
  ***Enter animation** - Sets the default animation effect that plays when a Window or Folder opens. See the dialog listing the 10 options click ++here|{{:ui:ui-ui_anim-enter_anim-dialog.webp?200}}++. For a more complete visualization and discussion of these and additional animations available in other areas of this launcher, see [[ui-ui_anim-page_trans-animation-type|Page Transitions - Animation Type]].
<WRAP push_large>
  ***Blur behind** - When toggled ON, the background screen will become blurry whenever a Window or Folder is opened on top of it.
</WRAP>
<WRAP push_medium>
  ***Blur amount** - (Visible when Blur behind is ON). Slider controls the intensity of the background blur by selecting ''Blur amount''. The dialog, when tapped as displayed ++here|{{:ui:ui-ui_anim-blur_amt-dialog.webp?nolink&200|}}++ uses the slider with a range from 0 to 100, with 100 representing opaque (blocked) view.
</WRAP>
  ***Dim behind** - When toggled ON, the background screen will darken (dim) whenever a Window or Folder is opened on top of it.
\\ 
\\ 
  ***Touchable behind** - When toggled ON, you can still tap and interact with objects behind an open Window. When OFF, the background is locked (modal) until the Window is closed.
\\ 
\\ 
<WRAP push_medium>
  ***Keep window order** - This option becomes available when ''Touchable behind'' is ON. When checked, tapping a Window will not bring it to the front. This is useful for keeping "widget-like" windows permanently behind other floating windows.
</WRAP>
<WRAP push_medium>
  ***Hide status bar** - Hides the Android Status Bar (top bar with clock/battery) while using the launcher.
</WRAP>
<WRAP push_medium>
  ***Hide navigation bar** - Hides the Android Navigation Bar (bottom buttons or gesture pill) for a full-screen immersive experience.
</WRAP>
  ***Color of status bar** - Defines a custom background color for the system Status Bar (if not hidden). Click ++here|{{:ui:ui-resources-color_picker_indexed.webp?200}}{{:ui:ui-resources-color_picker_index.webp?200}}++' to open an image of the dialog .. or .. the launcher's [[:ui:ui-generic-color_picker-section|Color Picker utility]] as described in the ui section of this manual.
  ***Color of navigation bar** - Defines a custom background color for the system Navigation Bar (if not hidden). Click ++here|{{:ui:ui-resources-color_picker_indexed.webp?200}}{{:ui:ui-resources-color_picker_index.webp?200}}++' to open an image of the dialog .. or .. the launcher's [[ui-generic-color_picker|Color Picker utility]] as described in the ui section of this manual.
  ***Dark icon on status bar** - Forces the Status Bar icons (time, battery, etc.) to be dark (black). Use this if your Status Bar background color is light.
  ***Overlapped system UI** - When toggled ON, the launcher content draws behind the Status and Navigation bars, effectively making the bars transparent overlays on top of your layout.
<WRAP push_subtle>
  ***UI theme** - Selects the visual theme (Light, Dark, or System Default) for Total Launcher's own menus and dialog boxes. Click ++here|{{:ui:ui-ui_anim-ui_theme-dialog.webp?200}}++ to view the dialog.
</WRAP>
<WRAP push_subtle>
  ***Dynamic color scheme** - (Android 12+) When toggled ON, Total Launcher generates a color palette based on the device's current wallpaper (Material You). These colors are automatically applied to Total Launcher's own menus and dialogs. Additionally, this enables the "Dynamic color" tab in the object color picker, allowing a user to select and force specific system-generated shades onto individual launcher objects (shapes, labels, etc.) or a specific user-selected custom color.
</WRAP>
<WRAP push_large>
  ***Ripple color** - Sets the color of the "splash" animation that appears when you tap icons or buttons.
</WRAP>  ***Select icon** - Customizes the visual style of the selection (currently checkmark) icon used throughout the launcher's widgets. Click ++here|{{:ui:ui-ui_anim-select_icon-dialog.webp?200}}++ to view the dialog where, in the app, a user could choose color, dynamic color, icon pack, shape, or image.

<WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>