HopOnMusic

A Music streaming platform

Customizing the Theme

To customize the app's appearance, edit the static/custom.css file. You can override the following CSS variables:

• --primary-color: The primary color used for buttons and links.
• --background-color: The background color of the app.
• --text-color: The text color.
• --card-background: The background color of cards (e.g., song items).
• --card-border: The border color of cards.
• --font-family: The font family used throughout the app.

Example:

:root {
    --primary-color: #ff5722; /* Orange */
    --background-color: #121212; /* Darker background */
    --text-color: #e0e0e0; /* Light gray text */
    --card-background: #333333; /* Darker card background */
    --card-border: #555; /* Darker card border */
    --font-family: 'Roboto', sans-serif; /* Custom font */
}

our to-do list

you can find our to-do list here

documentations

self-hosted allows you to host Hopon Music yourself