By dave | May 12, 2021

Below we show an example of the dark mode theme, it is designed to have darker background colors with lighter text and images.

menu library on TFT with dark mode

TFT screen using modern dark mode

TcMenu ships with two dark mode color themes and they are only compatible with color displays. The dark mode theme revolves around black and dark grey backgrounds with light grey and white foregrounds. It is available in traditional mode aimed at smaller resolutions, and as a modern theme designed for larger fonts, with more spacing between elements; which is especially suited for touch screens.

Configuring the theme

Themes add a theme header file to your sketch, which once generated will not be touched again by designer. This means that you can edit the theme file to meet your needs. Should you wish to regenerate the file, delete it, and then it will be regenerated.

Font for items

This is the default font that menu items will draw using. See Fonts in the menu designer

Font for title

This is the title font that will be used for header text. See Fonts in the menu designer

Border width for action items

An optional border that can be drawn around actionable items to make them look more like buttons. 0 = no border.

How to show title

There are various ways that the title can be drawn, always, as the first row, or never.

Use sliders for analog items

When true, analog items will be drawn using what looks like a percentage bar. When using touch, editing is performed by dragging the bar. This can also be set by creating a RowPosition grid entry item by item.

Use icons for active and edit status

Determines if an active / edit item indicator should be shown on the left. This option is generally turned off for touch screen, otherwise on.

Additional documentation

Other pages within this category

comments powered by Disqus

This site uses cookies to analyse traffic, and to record consent. We also embed Twitter, Youtube and Disqus content on some pages, these companies have their own privacy policies.

Our privacy policy applies to all pages on our site

Should you need further guidance on how to proceed: External link for information about cookie management.

Send a message
X

Please use the forum for help with UI & libraries.

This message will be securely transmitted to our servers.