Ga naar inhoud

Symfonium custom themes

Deze inhoud is nog niet vertaald.

Custom themes let you set the individual colors used throughout the Symfonium interface. They can be created in the app or imported from a JSON file, then edited, renamed, exported, or deleted.

  1. Open Settings in Symfonium.
  2. Open Interface settings.
  3. Open Theme, font and colors.
  4. Under Default color source, select Custom theme.

The Custom theme section lets you select a saved theme, import a JSON theme, or create a theme directly in Symfonium.

Symfonium custom theme section with theme selection, Import, and Create actions
  1. In the Custom theme section, select Create.
  2. Select a color role to open the color editor.
  3. Set its color using the RGB or HSL controls.
  4. Repeat for the other roles, then save the theme.

The editor shows the available color roles and previews their colors. See Theme colors documentation for the mapping between those roles and Symfonium interface elements.

Symfonium custom theme editor with RGB and HSL color controls

Custom color themes use JSON files that contain the theme’s color data.

  1. Download or create a compatible JSON theme.
  2. Open the Custom theme section in Symfonium.
  3. Select Import and choose the JSON file.

Imported themes are saved locally and remain available in the custom theme selector. When importing a theme from Symfonium Styles, use the downloaded JSON file without editing its contents.

Create a JSON theme with Material Theme Builder

Section titled “Create a JSON theme with Material Theme Builder”

Symfonium color roles follow Material Design 3 naming, so you can use Google’s Material Theme Builder or Material Theme Builder for Figma as a starting point.

  1. Create the colors in Material Theme Builder.
  2. Export the theme in Material Theme (JSON) format.
  3. Import the exported JSON file into Symfonium.
  4. Rename the imported theme and export it from Symfonium if you want a smaller Symfonium theme file for backup or sharing.

Some roles have specific uses in Symfonium that differ from their general Material Design role. Review the theme color mapping when adjusting those colors.

Select an imported or created theme again to open its management dialog.

  • Edit opens the full theme editor so you can change individual colors and preview the result.
  • Rename changes the name shown in the custom theme selector.
  • Export saves the theme as a JSON file for backup or sharing.
  • Delete removes the theme from Symfonium’s local database.
Symfonium custom theme dialog with Edit, Export, Delete, and Rename actions

Symfonium Styles is the moderated catalog for sharing Symfonium color themes and other styles. You can browse and download public themes without signing in.

To share a color theme:

  1. Give the theme a clear name in Symfonium.
  2. Open the theme management dialog and select Export.
  3. Sign in to Symfonium Styles and upload the JSON file exported by Symfonium.
  4. Add a clear description and at least one screenshot showing the actual theme.

See the Symfonium Styles color theme import instructions and upload guidelines for the current requirements.