System themes
You can apply the following system themes to the window,
DataWindow, and all visual controls (except Line, Oval, Rectangle,
RoundRectangle, Picture, PictureHyperLink, and Animation) in your
application.
-
Flat Design Blue — this theme is evolved from the
Windows 10 style, featuring a flat design style in contrasting
to a prominent UI content. The window style is similar to that
of Windows 10. The controls are flattened, and the color is
gray in the normal state, and blue in the default state,
making a more visually appealing and recognizable UI. -
Flat Design Dark — this theme displays light white text
on dark backgrounds, making the information on the page more
prominent and easy to read; and displays a blue auxiliary
color, making the page looks technical. The dark theme can
lessen eye strain during the night. -
Flat Design Grey — this theme is based on the original
PowerBuilder style. It retains most of the color matching of
the controls, and removes their 3D effect so they are
flattened; the window is displayed in a gray background,
making the UI convenient for users to read and improves user
experience. -
Flat Design Silver — this theme is a combination of the
modern designs. The theme removes the control border, and
divides controls by shallow color blocks, making the UI more
concise and focused.
If no theme is applied or if the theme is unsupported for a
control, the style of windows, DataWindows, and controls will be
determined by the settings in the PowerBuilder IDE or
script.
| Do not use theme | Flat Design Blue | Flat Design Dark | Flat Design Grey | Flat Design Silver | |
|---|---|---|---|---|---|
| Window background color | By IDE or script | White | Dark | Grey | White |
| Font color * | By IDE or script | Black | White | Black | Silver Black |
| Control background color | By IDE or script | White | Black | White | White or Shallow Color Block |
| Button | By IDE or script | 2D | 2D | 2D | 2D |
| Border | By IDE or script | 2D | 2D | 2D | No Border |
| Border thickness | 1 pixel | 1 pixel | 1 pixel | 1 pixel | No Border |
* The font related properties (except font color) are
unsupported to be set by the theme.
The system themes are installed to
%AppeonInstallPath%PowerBuilder [version]IDE heme. There are
four subfolders in the “theme” folder by default; each represents
a system theme: Flat Design Blue, Flat Design Dark, Flat Design
Grey, and Flat Design Silver. Each subfolder contains the theme
definition files of the corresponding theme, which are mainly the
following two types of files:
-
theme.json file — this is the master theme definition
file which sets the visual appearance (such as color, state,
border, text etc.) of all supported elements of the window,
DataWindow and control. For more about the theme.json file,
refer to Understanding the
theme.json file. -
numerous image files — they are referenced in the
theme.json file and used to make up the visual elements (such
as
checked/unchecked/indeterminate/enabled/disabled/hover/pressed
state of the control etc.) in the theme.