MaterialUI Simple Taskbar (Quickshell)

A simple quickshell configuration that aims Android 16 UI like appearance.

Note

Since this is a port from Hyprland, some features might not work properly. And there might be some hyprland's leftover featureset that i'll remove in the future.

What you'll need (Dependencies)

1. Niri
2. Quickshell
3. NetworkManager (or NetworkManager with iwd backend for some of y'all)
4. wlsunset (for night light)
5. Bluetooth daemon (optional)
6. Matugen (optional)
7. Papirus icon theme
8. awww wallpaper manager
9. python-pillow
10. Any notification daemon (swaync, dunst, mako, etc)

What you need to do to get this shell working?

1. First, go to the preferred directory to clone this repository (i.e Downloads).
2. Then run git clone https://github.com/ps2string/niri-quickshell-material-ui
3. After that, create a new folder inside ~/.config named quickshell
4. Move the contents inside the cloned directory inside the new folder
5. Run quickshell (either with qs or just quickshell)

Automatic Color Apply (via Matugen)

• By default, it will use blue colors as it's main palette, and it will hot reload as long as colors.json exists in ~/.config/quickshell/
• A template for matugen colors.json inside ~/.config/matugen/templates/colors.json

{
    "accent": "{{colors.primary.default.hex}}",
    "accentDim": "{{colors.primary_container.default.hex}}",
    "accentOnDim": "{{colors.on_primary_container.default.hex}}",
    "bgBase": "{{colors.background.default.hex}}",
    "bgSurface": "{{colors.surface.default.hex}}",
    "bgElevated": "{{colors.surface_container.default.hex}}",
    "bgHover": "{{colors.surface_variant.default.hex}}",
    "textPrimary": "{{colors.on_surface.default.hex}}",
    "textSecondary": "{{colors.on_surface_variant.default.hex}}",
    "danger": "{{colors.error.default.hex}}",
    "success": "{{colors.tertiary.default.hex}}",
    "outline": "{{colors.outline.default.hex}}"
}

• As for the config.toml inside ~/.config/matugen/

[config]
# Any configuration you want to put here

[templates.quickshell]
input_path = "~/.config/matugen/templates/materialui_bar.json"
output_path = "~/.config/quickshell/qs_niri/colors.json"

Additional Notes

• In order to open the start menu via keyboard keys (or via anything in that matter) I've also prepared quickshell native IPC calls that can be used in hyprland:

target launcher
  function open(): void
  function toggle(): void
  function close(): void

• Where:
• open opens the launcher (qs -p ~/.config/quickshell/qs_niri ipc call launcher open)
• toggle opens/closes the launcher (qs -p ~/.config/quickshell/qs_niri ipc call launcher toggle)
• close closes the launcher (qs -p ~/.config/quickshell/qs_niri ipc call launcher close)

Important notes:

• Make sure your wallpapers are saved inside ~/Pictures/Wallpapers as that's the most reliable path I've tested to work best.

Previews

---

---

---