Customization

Customization#

Custom CSS and JavaScript#

You can define custom CSS and JavaScript to further customize the frontend. The files are read at startup and are cached by the service worker.

FILE

DESCRIPTION

/var/lib/mympd/config/custom.css

User defined CSS.

/var/lib/mympd/config/custom.js

User defined JavaScript.

Custom navbar icons#

The navbar icons can be customized. You must edit the file /var/lib/mympd/state/navbar_icons and restart myMPD. It must be a valid JSON array.

FIELD

DESCRIPTION

ligature

The same as for home icons from Material Icons

title

Title of the icon (will be translated)

options

Array of the view to open.

Default navbar definition:

[
  {
    "ligature": "home",
    "title": "Home",
    "options": ["Home"]
  },
  {
    "ligature": "play_arrow",
    "title": "Playback",
    "options": ["Playback"]
  },
  {
    "ligature": "queue_music",
    "title":"Queue",
    "options": ["Queue"]
  },
  {
    "ligature": "library_music",
    "title":"Browse",
    "options": ["Browse"]
  },
  {
    "ligature": "search",
    "title": "Search",
    "options": ["Search"]
  }
]

Available views#

  • Playback

  • Queue

    • Current

    • LastPlayed

    • Jukebox

  • Browse

    • Database

    • Filesystem

    • Playlist

    • Radio

      • Favorites

      • Webradiodb

  • Search

Some examples#

{
  "ligature": "library_music",
  "title":"Browse",
  "options": ["Browse", "Filesystem"]
},
{
  "ligature": "radio",
  "title":"Radio Favorites",
  "options": ["Browse", "Radio", "Favorites"]
}
Contents