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 OS style, featuring a flat design style in contrasting to a prominent UI content. The window style is similar to that of Windows OS. 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 Blue (SVG) -- this theme is based on Flat Design Blue but uses scalable SVG images to provide crisp visuals under High DPI settings. It prevents image blurring and ensures clear rendering of UI elements.
-
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 Dark (SVG) -- this theme is based on Flat Design Dark but uses scalable SVG images to provide crisp visuals under High DPI settings. It prevents image blurring and ensures clear rendering of UI elements.
-
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.
-
Flat Design Lime -- this theme is similar to Flat Design Blue, but with a green color scheme. The controls are designed in a flat, simplistic style, and feature a green color in their default state. The interface will have a clean and modern look, with all elements being easily distinguishable and visually appealing.
-
Flat Design Orange -- this theme is similar to Flat Design Blue, but with an orange color scheme. The controls are flattened and feature an orange color in their default state. The interface will have a warm and inviting feel, with clear contrast between different elements.
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/Lime/Orange | 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 located in %AppeonInstallPath%\PowerBuilder [version]\IDE\theme. There are several subfolders in the "theme" folder by default; each represents a system theme. 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.
