<< Click to Display Table of Contents >> Manual > Screen Creation Guide > Screen Design > Visual Theme > Customizing the visual theme

Customizing the visual theme (VisualThemeConf root property)

Customizing the visual theme can be done by defining the VisualThemeConf root property.

 

(VisualThemeConf definition image)

 

 

Visual Theme Formatting Specifications

A visual theme is defined according to the following format:

 

[Visual theme name]

Comment=Visual theme comment

@Color format name = RGB format

...

 

First, define the visual theme name by enclosing it in [ ]. The visual theme name defined here can be obtained by the route method for obtaining the visual theme name (GetVisualThemes).

 

Example: [GRAY]

 

Next, add a comment to the Comment property. This comment definition makes it possible to retrieve the comment using the root method for retrieving visual theme comments (GetVisualThemesComment). For example, in the standard framework for library parts, this comment is displayed in the name of the visual theme displayed in the menu (note that the actual theme switching process is performed by assigning the visual theme name retrieved by the GetVisualTheme method to the root VisualTheme method).

 

Example) Comment=Gray 3D (Blue menu)

 

Next, define the color format. The beginning of the color format of a visual theme must be a string beginning with "@". Specify the color in RGB format beginning with # after "@color format name=".

 

Example) @FillColor=#FFFFFF

 

In addition, you can inherit the settings of other visual themes by specifying the "All" property. Using the All property is convenient when you want to change only some of the display colors based on a visual theme with almost the same color display specifications.

 

[Visual theme name]

Comment=Visual theme comment

All=Inheritance source visual theme name

@Color format name = RGB format

...

 

If you want to add multiple formats, you can create a new section in [ ] and define them one after the other.

 

 

 

Customization example

For reference, here is an example of setting the VisualThemeConf property.

 

■Adding new themes

 

Add a new theme "GRAY_CUSTOM" that inherits from the existing theme "GRAY".

In the root VisualThemeConf property edit dialog, enter the following:

 

 

First, in the above example, "All=GRAY" inherits the color specifications of the existing theme "GRAY".

The following defined "@FillColor" and "@FormColor" are color formats customized for the existing GRAY theme.

"@FillColor" is used for FillColor of edit boxes, etc. GRAY The default color of @FillColor in the theme will be changed from #FFFFFF (white) to gray.

"@FormColor" is used for the background color of forms, etc., and changes the default color of @FormColor in the GRAY theme, "#F0F0F0" (a gray close to white), to a slightly darker gray.