Button Size Settings

Release 2.3.0 and above.

Use the editor.ui.button.size setting to adjust the button size. (default = 35, minimum = 22, unit: px)

Changing the button size does not change the icon size.

// synapeditor.config.js
{
  'editor.ui.button.size': 35
}

<table> <tbody> <tr> <th>Not set (default)</th> <td>

</td> </tr> <tr> <th><code>"editor.ui.button.size": 28</code></th> <td>

</td> </tr> <tr> <th><code>"editor.ui.button.size": 40</code></th> <td>

</td> </tr> </tbody> </table>

Icon Size Settings

Release 2.7.0 and above.

Use the editor.ui.button.icon.size setting to adjust the icon size of the buttons. (default = 16, minimum = 16, unit: px)

// synapeditor.config.js
{
  'editor.ui.button.icon.size': 16
}

<table> <tbody> <tr> <th>Not set (default)</th> <td>

</td> </tr> <tr> <th><code>"editor.ui.button.icon.size": 30</code></th> <td>

</td> </tr> </tbody> </table>