Steps to customize Mastodon Logo on Mastodon Fork: mashirozx/mastodon
Step 1: Design and create your Logo
Puts your logo svg files into ./design/YOUR_CUSTOM_NAMESPACE/. Please follow the examples in ./design/original and ./design/forest directories, and make sure the width-height ratio is the same as the original version.
When creating the two logo-symbol icons, please make sure the code structure is the same as picture below. The paths filled with currentColor will finally generate into two sets of icons for light and dark mode (eg. the top icon on /about page).
Step 2: Generate static assets
Copy ./lib/tasks/branding_forest.rake to ./lib/tasks/branding_your_custom_namespace.rake, and modify the new file, replace all _forest into _your_custom_namespace.
Install dependencies in your OS:
# macOS
brew install imagemagick librsvg
# ubuntu
apt install imagemagick librsvg
Run command (replace _your_custom_namespace to yours):
RAILS_ENV=production rails branding_your_custom_namespace:generate
# you may need `bundle exec` if rails cannot been found
RAILS_ENV=production bundle exec rails branding_your_custom_namespace:generate
Step 3: update Mastodon configuration