> For the complete documentation index, see [llms.txt](https://karedi.gitbook.io/karedi/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://karedi.gitbook.io/karedi/user-interface/overview.md).

# Overview

Karedi's UI is build from individual components with [*main editor*](/karedi/user-interface/middle-components/main-editor.md) being the most important one.

Some components are organized into groups of tabs e.g. "Tracks" and "Audio" are in the same group. Only one of the tabs from a given group can be active at the same time.

This is the default view:

<figure><img src="/files/pDqpgDZ6eYI4pkZps4ps" alt=""><figcaption></figcaption></figure>

And with tab groups switched to the hidden tabs (just click on a tab caption to show it):

<figure><img src="/files/VfuIZ0FiFnqZU0O44rOm" alt=""><figcaption></figcaption></figure>

Dragging tabs from one group to another is not supported. You can however resize the components freely:

<figure><img src="/files/UfEULE6LorUbXLaiiIXW" alt=""><figcaption></figcaption></figure>

## Dark mode

By default Karedi is opened in the light mode. There is also a dark mode available:

<figure><img src="/files/9Y8N0HExu74ypqFcjMG4" alt=""><figcaption></figcaption></figure>

You can switch to the dark mode by:

1. Going to the menu *View* -> *Switch mode*
2. Clicking moon (if you are in light mode) or sun (if you are in dark mode) icon in the [*toolbar*](/karedi/user-interface/toolbar.md)

<div align="left"><figure><img src="/files/g6Z87PsdM73IHzt4qulk" alt="" width="341"><figcaption><p>Switch to the dark mode</p></figcaption></figure></div>

<div align="left"><figure><img src="/files/ACTiuB4cn9CZJtF10mcT" alt="" width="323"><figcaption><p>Switch to the light mode</p></figcaption></figure></div>

Last used mode is remembered and will be applied on application start up.