# Settings — Dark Device

Headphone settings in dark mode with battery levels, noise modes and an equaliser. The drawn headphones show sound fields closing in or opening up as you switch between noise-cancelling and transparency.

> Screen template — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/core-settings-dark-pro
```

## Import

```tsx
import { SettingsDarkProScreen } from "@/screens/core/settings-dark-pro";
```

## Registry dependencies

- `animated-number` — /components/animated-number
- `icon` — /components/icon
- `switch` — /components/switch
- `text` — /components/text

## Native packages

- react-native-reanimated@*
- react-native-svg@*
- react-native-safe-area-context@*

## Icons rendered

- `volume` — /icons.html?i=volume
- `users` — /icons.html?i=users
- `shield` — /icons.html?i=shield
- `pause` — /icons.html?i=pause
- `volume-2` — /icons.html?i=volume-2
- `globe` — /icons.html?i=globe
- `bluetooth` — /icons.html?i=bluetooth
- `map-pin` — /icons.html?i=map-pin
- `pointer` — /icons.html?i=pointer
- `download` — /icons.html?i=download
- `package` — /icons.html?i=package

Source: https://lumioui.com/screens/core-settings-dark-pro