docs/usage/profile-preferences.md
To manage your profile and preferences, click on your avatar in the bottom-right corner of the screen. From here, you can manage a couple aspects of your account:
To update your profile, you must first authenticate yourself by entering your current password. After that, you can update your name and email, and set a new password. Leaving the New Password field blank will keep your current password intact.
:::tip Pick a strong password Koel enforces a strong password policy. Make sure to pick a password that is at least 10 characters long and contains a mix of letters, numbers, and special characters. Your password will also be checked against a list of leaked passwords for extra security. :::
By default, Koel uses Gravatar to fetch your avatar based on your email address. By hovering over the avatar and clicking the <InterfaceIcon :src="uploadIcon" /> icon, you can select an image file from your computer, crop it, and set it as your custom avatar. Remember to click Save for the change to take effect.
To remove your custom avatar and revert to using Gravatar, click the <InterfaceIcon :src="timesIcon" /> icon.
Koel comes loaded with beautiful, handcrafted themes. You can activate a theme simply by clicking on it. The new theme will be applied immediately.
More themes are to be added in the future, along with the ability to create your own theme.
Koel allows you to set a couple of preferences:
These preferences are saved immediately upon change and synced across all of your devices.
If you have songs cached for offline playback, this section displays your current storage usage with a progress bar showing used vs. available space. You can clear all cached songs at once by clicking the "Clear All" button.
If your Koel installation is integrated with any external services, such as Last.fm or Spotify, you can see their statuses here along with the ability to connect or disconnect them when applicable.
This tab displays a QR code that you can scan to log in to Koel Player on your phone without having to manually enter your credentials. The code refreshes every ten minutes, but you can also manually refresh it.
<script lang="ts" setup> import uploadIcon from '../assets/icons/upload.svg' import timesIcon from '../assets/icons/times.svg' </script>