How to create style groups
To group styles together in the Components View and Insert menu 
, name them using the format: Group-name/Style-name. For example, two Symbols named Background/Light and Background/Dark will be places in a group called Background.
Organizing styles in the Components View
You can organize your Text, Layer Styles and Color Variables in the Components View. To group several styles together hold ⇧ and select the styles you want to group. Control-click on any of the styles and choose Group in the contextual menu. Give a name to the new group by double-clicking on the new group that you’ll find in the left sidebar of the Components View.
To group styles together in the Components View and Insert menu, name them using the format: Group-name/Style-name. For example, two Symbols named Background/Light and Background/Dark will be places in a group called Background. You can also add a style to an existing group by dragging it into the group icon in the left sidebar.
Note: For Sketch 60 and earlier, you need to have two or more styles in a group before they’ll appear in their own submenu.
To rename a specific style, select the style and give it a new name in the Inspector. To rename an entire group, double click on the group name in the left sidebar and add a new name to the group.
Styles are ordered alphabetically in the Components View.
