We are pleased to announce that this is the last step for dark mode on macOS. The last widgets of the library are compatible with dark mode:
- 4D Write Pro Interface toolbar
- 4D Write Pro Interface Sidebar
- Rich text area
So starting with 4D v19 R4, the choice is yours, as you can completely develop and deploy using light or dark mode on macOS.
4D Write Pro Interface
In this case, a picture is worth a thousand words, so here’s the result:
Light appearance
Dark appearance
Rich Text Area
The Rich Text Area got its share of improvements too! It’s now provided with a set of light and dark icons that adapt to the mode you choose.
Bonus
Some of you may remember that during the 4D Summit 2016, we introduced you to the new sidebar interface of 4D Write Pro, with the possibility to customize the background and font colors. This feature now works with the toolbar.
If the different greys offered in dark or light are too dark or too light for you, or if you want to put some (crazy) color in your interface, it’s now possible.
This is how the blue interface was made:
var $wpSkin : Object
$wpSkin:=New object
If(Form Get color scheme="light")
$wpSkin.backgroundColor:=0x00DBE5FF
$wpSkin.separatorColor:=0x00A4BCFF
$wpSkin.fontColor:=0x001B0E53
$wpSkin.separatorFontColor:=0x001B0E53
Else
$wpSkin.backgroundColor:=0x001B0E53
$wpSkin.separatorColor:=0x2080
$wpSkin.fontColor:=0x000A061F
$wpSkin.separatorFontColor:=0x00DBE5FF
End if
$wpSkin.font:=Choose(Is Windows; "Tahoma"; "Helvetica Neue")
$wpSkin.fontSize:=12
WP UpdateWidget ("WPtoolbar";"WParea"; $wpSkin)
Don’t forget, the source code is available on GitHub. Feel free to adapt it to suit your needs!