> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/monocolor/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosea.gitbook.io/monocolor/theme-settings/top-bar.md).

# Top Bar

### Logged in user

<figure><img src="/files/D2Q0OCoDFFWmusBZ3aby" alt=""><figcaption><p>Top bar explanation for logged in users</p></figcaption></figure>

1. Logo
2. Logo Label
3. Languages selector
4. Custom HTML
5. **Default Moodle Navigation:** Site administration **-** Themes - Theme settings - Custom menu items
6. Search
7. Dark mode

### Non-logged in

<figure><img src="/files/dnTkxnlgDsN5WN4mCyPk" alt=""><figcaption><p>Top bar explanation for non-logged in users</p></figcaption></figure>

1. In-build Moodle Log-in button
2. Custom button *(Top bar - Additional Button)*

#### Change the position of buttons

Site administration -> Appearance -> Monocolor -> Advanced -> Raw SCSS&#x20;

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

```scss
.rui-icon-menu--right { flex-direction: row-reverse; }
```