Theme & Animation

The Theme & Animation settings allow you to customise the visual appearance and transition effects of your Udara360 interface. This guide will help you configure your theme and animation preferences under Account Settings.

Accessing Theme & Animation Settings

1. Click your profile name at the top right of the screen

2. Select Settings from the dropdown

3. Click Preferences in the left sidebar

4. Scroll down to the Theme and Animation sections

Skin Options

The Skin setting allows you to choose the color scheme of your Udara360 interface.

Select your preferred option by clicking the radio button next to it. The following options are available:

• Light: The "Light" option offers a bright colour scheme with a clean interface.

• Dark: The "Dark" setting is ideal for low-light environments, reducing eye strain.

• Bordered: The "Bordered" option adds distinct borders for better organisation.

• Semi Dark: The "Semi Dark" theme offers a versatile balance between light and dark, adapting to different lighting conditions.

Content Width

The Content Width setting allows you to control how content is displayed across your screen. Select your preferred option by clicking the radio button next to it:

• Full Width: The content stretches to fill the entire width of the screen.

• Boxed: The content is limited to a fixed width, creating margins on either side of the application.

Animation

The Router Transition setting allows you to choose the transition effect when navigating between pages in Udara360. Click the Router Transition dropdown and select your preferred effect. The following options are available:

Transition Type	Description
Zoom Fade	The page fades and zooms as it transitions.
Fade	A simple fade transition between pages.
Fade Bottom	The page fades in from the bottom.
Slide Fade	Pages slide with a fading effect during the transition.
Zoom Out	The current page zooms out as the next page loads (currently selected in the screenshot).
None	No transition effect is applied.