---
references:
- client/components/top_bar.tsx
- client/editor_ui.tsx
---
The top bar contains:

* [[Page Namer]]
* The home button, navigating to your [[Index Page]]
* [[Page Picker]]
* [[Command Palette]]

In addition the top bar color indicates the current online status:

* **Gray** indicates SilverBullet is connected to the server
* **Yellow** indicates not having a server connection