You can change the font style of almost all parts of the UI by editing the stylesheet in <installation_folder>\resources\styles\saola_dark.qss file.
For example
Some UI styles of Saola Animate are different between Windows and macOS. saola_dark.qss contains common styles for all OSes. win_saola_dark.qss contains specific styles for Windows.
Q1) Where can I see the changes of win_saola_dark.qss ?
I donât know the meaning of items inside the win_saola_dark.qss
such as
(1) #SLAboutUI QWidget,
(2) QMenu::item,
(3) SLGalleryMenu QLabel.
Q2) Where can I modify the UI font-size of âRecent Projectsâ listing ?
/* First, you can use * selector to set the universal style */
* {
font-size: 12px;
}
/* Next, you can change the style for specific items */
/* Text in About dialog (Help > About) */
#SLAboutUI QWidget
{
font-size: 15pt;
}
/* Text of items in main menus (File, Edit...), right-click menu */
QMenu::item
{
font-size: 15pt;
}
/* Text of labels in custom menus such as preset shadow (but Saola doesn't use label in these menus yet) */
SLGalleryMenu QLabel
{
font-size: 8pt;
}
Recent project list is a part of a HTML page, you can change its font size in resources\welcome\css\slwelcome.css: search for #recent-file-list li
part-1. The current time of playhead (0:00:04.500)
part-2. I donât know what is the name of it,
and I guess it is the QComboBox{ } setting of win_saola_dark.qss?
part-3. Properties or say attributes of a object in a Scene.
I find that Saola seems setup environment
with saola_dark.qss first then win_saola_dark.qss later,
so win_saola_dark.qss will dominate the results in Windows.
Q1. QListView::item is for some dropdown lists, such as list of timelines in Timeline pane.
Q2. You can use SLTimeEditorWidget QSpinBox for part-1, SLTimelineScenePanel for part-2.
part-3 is not styleable in the current version.
But I cannot find string âSLTimelineScenePanelâ in saola_dark.qss.
then I see some un-known syntax under the âTimeline classâ:
Q1) What does the â#timeline_left_widgetâ means?
Does it mean âdisableâ this âtimeline_left_widgetâ setting block?
Q2) What does the âSLTimelineCaptionPanel:disabledâ means?
What will happend when the beginning of a setting block says:
SLTimelineCaptionPanel, SLTimelineCaptionPanel:disabled
You donât find SLTimelineScenePanel because it doesnât require any specific style in the default stylesheet. You need to customize its style so you must add it to the stylesheet.
If you donât know what a selector means, you can set an unusual style for it to check where it is in the UI. For example, you can set border: 20px solid red; for #timeline_left_widget to see that itâs the left margin of the timeline.