Appearance

< All Topics
Print

Appearance

Fretboard and chord diagram

The appearance of the chords can be changed by a lot of options. Please browse the settings.

  • The fretboard and the chord diagrams can show alternative information: Notes, finger positions, … (chord settings)
  • The fretboard and the chord diagrams can be presented for right and left-handed people (general setting)
  • Color schemes can help you to distinguish the different notes or intervals of chords, arpeggios, scales and the circle of fifths at a glance. smartChord offers different color combinations and (appearance settings) and a custom color scheme.
  • Fret markers are optional and can be defined with color and position for each instrument individually

The following gallery shows nine chord diagrams with different settings:

Fretboard info

Please note that you can change the fingering information on the chord diagram in the Names settings or with the C-on-string button (a C in a dot on a string):

  • Nothing
  • Notes (Settings): Note names according to your settings
  • Notes (Theory): Note names according to the music theory
  • Intervals
  • Relative notes
  • Fingering

The Chord gallery can show you multiple chord diagrams at once and is horizontally scrollable. Normally it shows small chord diagrams. There is a small handle (normally) above the gallery. Click and drag it to change the size of the gallery and hence the chord diagrams.

The Chord gallery can contain the fingerings for a chord. Or the chords of a song. The sort order depends on the tool where it is used.

A click on the chord gallery plays the chord if option “Sound” is enabled in general “Sound settings”.

A long click on a selected diagram opens a context-sensitive menu. The content of the menu depends on the tool where the gallery is embedded.

Left-hand mode

Are you left-handed and prefer a left-handed fretboard? Go to the general settings and activate the Left-hand mode.

Color schemes

Color schemes help you to distinguish the different notes or intervals of chords, arpeggios, scales, the circle of fifths or piano at a glance. smartChord offers different color combinations and a custom color scheme. You can select your color scheme in the ‘Appearance’ settings.

Color scheme binding

There is an option ‘Color scheme binding (Note)’ in the ‘Appearance’ settings. When activated, each color of the color scheme is associated to a note, otherwise to an interval.

In the example below, the image on the right shows the Circle of Fifths with an active ‘Color scheme binding (Note)’.

Custom color scheme

You can create your own color scheme in the “Appearance” settings. There you can define the color for each degree or note. The color of the text can also be adjusted. Whether the color is bound to the degree or the note is determined by the general appearance setting ‘Color scheme binding’. The custom color scheme is always listed at the end of the list.

The color scheme is used in:
◾ Chord diagrams
◾ Circle of fifths
◾ Fretboard representations
◾ Piano
◾ Scale-circle

App themes

You have the freedom to select from approximately 40 light and dark app themes based on your personal preferences. It’s important to note that these themes vary in terms of contrast and readability, ensuring that you can find the perfect balance for your visual comfort and usability.

Home-screen

You can define the color of each tool icon on the home-screen. Do a long-click on the icon and use the menu to open the color dialog to define the color for the icon. The color dialog lists the already used colors on the home screen, or initially the colors of the theme. Select the color white in a dark theme to remove the color from the tool again. In a bright theme, select the color black.

Songbook appearance

The songbook offers additional options for customising the appearance with color variants, fonts and modes.

Color Selection Dialog

The color dialog allows you to choose any color using several intuitive options:

  • Pick a color using the color picker
  • Select from predefined HTML colors in the dropdown menu
  • Choose from your recently used colors
  • Enter a hexadecimal color code directly (e.g., #FF5733)

A brightness slider lets you fine-tune the intensity of your selected color, and a live preview shows the final result instantly.

Table of Contents