> ## Documentation Index
> Fetch the complete documentation index at: https://docs.qtap.qa/llms.txt
> Use this file to discover all available pages before exploring further.

# The top bar: theme, alerts, and your account

> What each control along the top of the dashboard does, including light and dark mode.

The bar across the top of every dashboard page holds the controls that follow you from page to page. Four of them are covered here: the search box, the light and dark theme picker, the notifications bell, and your account menu.

<Frame caption="The top bar on a wide screen. 1 the search box, 2 the theme picker, 3 the notifications bell, 4 your account menu.">
  <img src="https://mintcdn.com/qtap/onSJSz-zFPTJalnt/images/merchants/getting-started/top-bar-overview.png?fit=max&auto=format&n=onSJSz-zFPTJalnt&q=85&s=166dd4fb5335ad95bea1433f75cf1d99" alt="Qtap dashboard top bar with the search box, theme picker, notifications bell, and account menu numbered" width="1440" height="86" data-path="images/merchants/getting-started/top-bar-overview.png" />
</Frame>

The location picker between them switches which branch the page is showing, and the eye icon turns demo data on.

## The search box

<Warning>
  The **Search members, cards...** box in the top bar does not return results yet. You can type in it, but nothing happens when you press Enter, and no suggestions appear. Use the search on the page you are already looking at instead. **Members** searches by name, email, or phone, and **QR Codes** searches by name or code.
</Warning>

This one catches people out because the box looks and behaves like a normal search field right up to the point where you expect an answer. If you are hunting for one member, go to Members and search there.

## Light and dark mode

Click the sun or moon icon to pick how the dashboard looks. You get three choices, and a tick marks the one you are on.

<Frame caption="The theme picker. System is the default and follows whatever your computer is set to.">
  <img src="https://mintcdn.com/qtap/onSJSz-zFPTJalnt/images/merchants/getting-started/top-bar-theme-menu.png?fit=max&auto=format&n=onSJSz-zFPTJalnt&q=85&s=98d211789ec61626728904492942abaa" alt="Theme menu open showing Light, Dark, and System with a tick next to System" width="450" height="190" data-path="images/merchants/getting-started/top-bar-theme-menu.png" />
</Frame>

* **Light**: the pale theme, whatever your computer is set to.
* **Dark**: the dark theme, whatever your computer is set to.
* **System**: follows your computer. If your laptop switches to dark at sunset, so does Qtap, while the page is still open.

Dark mode covers the whole dashboard, including charts and metric tiles.

<Frame caption="The dashboard home in dark mode.">
  <img src="https://mintcdn.com/qtap/onSJSz-zFPTJalnt/images/merchants/getting-started/top-bar-dark.png?fit=max&auto=format&n=onSJSz-zFPTJalnt&q=85&s=7f4b912633e12538f31d895e5e09629e" alt="Qtap dashboard home rendered in dark mode with metric tiles and the activity chart" width="1440" height="640" data-path="images/merchants/getting-started/top-bar-dark.png" />
</Frame>

<Note>
  Your choice is saved in the browser you made it in, not on your Qtap account. Sign in on a different computer, or in a different browser on the same computer, and you are back to System until you pick again. Your staff are not affected by what you choose, and clearing your browser data resets it.
</Note>

## The notifications bell

The bell opens your **Push Notifications** page, where you write and schedule messages to members and see what has already gone out. It is a shortcut to the same page as **Notifications** in the sidebar.

## Your account menu

Your name and business name sit at the far right. Click them for:

* **Profile**: your business settings.
* **Billing**: your plan, usage meters, and add-ons.
* **Terms & Conditions** and **Privacy Policy**: both open qtap.qa in a new tab.
* **Log out**: signs you out and returns you to the login page.

<Frame caption="The account menu.">
  <img src="https://mintcdn.com/qtap/onSJSz-zFPTJalnt/images/merchants/getting-started/top-bar-account-menu.png?fit=max&auto=format&n=onSJSz-zFPTJalnt&q=85&s=904e8af74860412d2448b80460a3fba0" alt="Account menu open showing Profile, Billing, Terms and Conditions, Privacy Policy, and Log out" width="240" height="245" data-path="images/merchants/getting-started/top-bar-account-menu.png" />
</Frame>

## On a phone or a narrow window

The bar rearranges in two stages as the window gets narrower. Below about 768 pixels the search box collapses to a magnifying glass, and tapping it slides a full-width search field over the bar until you close it with the X.

<Frame caption="On a narrow screen the search box opens over the top bar.">
  <img src="https://mintcdn.com/qtap/onSJSz-zFPTJalnt/images/merchants/getting-started/top-bar-mobile-search.png?fit=max&auto=format&n=onSJSz-zFPTJalnt&q=85&s=1293db688603a47d96d8a50953b06403" alt="Mobile top bar with the search field expanded across it and a close X on the right" width="390" height="230" data-path="images/merchants/getting-started/top-bar-mobile-search.png" />
</Frame>

Below about 640 pixels, phone territory, the theme picker and the demo toggle leave the bar and move into your account menu. They appear as a small sun and a small eye on their own rows, with no label next to them. Tap the sun and the same Light, Dark, and System list opens.

<Frame caption="On a phone the theme picker lives inside the account menu, under the two labelled rows.">
  <img src="https://mintcdn.com/qtap/onSJSz-zFPTJalnt/images/merchants/getting-started/top-bar-mobile-menu.png?fit=max&auto=format&n=onSJSz-zFPTJalnt&q=85&s=4c5bc55efaca0db117ae21c3f7881230" alt="Mobile account menu open with an eye icon row and a sun icon row, and the Light Dark System menu open beside it" width="350" height="460" data-path="images/merchants/getting-started/top-bar-mobile-menu.png" />
</Frame>

## Who sees these controls

Everyone signed in, whatever their role. Nothing in the top bar is gated by permissions. What you find after you click is a different matter: a staff member who opens Billing from the account menu still only sees what their role allows.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.