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