LogoLogo
MainsailMainsailOSCrowsnest
  • Welcome to Mainsail
  • Setup
    • Installation
      • MainsailOS
      • KIAUH
      • Docker
      • Manual setup
      • my.mainsail.xyz
    • Updates
      • Update Manager
      • Manual Update
    • Configuration
  • overview
    • Features
      • Bed Mesh
      • Console
      • Dashboard Organisation
      • Exclude Objects
      • Hide macros, outputs or fans
      • Localization
      • Macro Management
      • Macro Prompts
      • Presets
      • Print History and Statistics
      • Query devices
      • Built-in Themes
      • Custom Themes
        • Prepare
        • Backgrounds
        • Logos and Icons
        • Custom Navigation
        • Custom CSS
        • Community Themes
      • Thumbnails
      • Webcam
    • Settings
      • General
      • Console
      • Control
      • Dashboard
      • Editor
      • G-Code Viewer
      • Macros
      • Presets
      • Printers
      • UI-Settings
      • Webcams
    • Slicer
      • Cura
      • Ideamaker
      • PrusaSlicer
      • SuperSlicer
    • Quicktips
      • Slicer upload
      • Remote Access
      • Printer power switch
      • Additional Sensors
      • Disable Octoprint LCD menu
      • config.json
  • FAQ
    • Mainsail
    • Klipper warnings
      • Deprecated Values
      • Deprecated Options
      • Runtime Warning
    • Moonraker warnings
      • PolicyKit Permissions
    • Klipper errors
      • MCU Protocol error
    • Mainsail errors
      • Unauthorized
    • Getting Help
      • Discord
      • GitHub Discussions
  • About
    • Data Privacy
    • Sponsors
    • Development
      • Code standards
      • Contribute
      • Environment
      • Localization
    • Credits
  • 🔗Links
    • Github
    • Release Notes
    • Discord
    • Youtube
Powered by GitBook
On this page
  • Sidebar logo
  • Favicons

Was this helpful?

Edit on GitHub
  1. overview
  2. Features
  3. Custom Themes

Logos and Icons

Replace the default logos and icons with your own.

PreviousBackgroundsNextCustom Navigation

Last updated 10 months ago

Was this helpful?

You can use the built in file manager in Settings > Machine to upload your own logos and icons. Customizing your icons can help identify your printers.

Sidebar logo

Upload a logo into your .theme folder and name it sidebar-logo.<extension>, where extension is one of the valid file types below.

For more information on creating and uploading to your .theme folder, please refer to the chapter.

Filename
sidebar-logo

Valid file extensions

.svg, .jpg, .png and .gif

Recommended image size

XxY px

If you use a SVG, you can use "var(--color-logo, #000000)" as fill color, to use the logo color from the interface settings.

Favicons

Upload favicons into your .theme folder and name them favicon-32x32.png (required) and favicon-16x16.png (optional).

Filename

favicon-32x32 (required)

favicon-16x16 (optional)

Valid file extensions

.png

Recommended image size

32x32px, 16x16px

A browser refresh may be necessary (CTRL+SHIFT+F5 on Windows or CMD+SHIFT+R on macOS) to reload without the browser cache.

Customizing your theme