Text Not Visible When Running Example Code From Documentation

[phankieuphu]

Description

I'm new to Fyne. When I copy code from the documentation and run it, the background appears white while the text and some UI elements are also white. This makes the application look blank, and it's confusing because nothing is visible.

Here is the code I tested:

package main

import (
	"image/color"

	"fyne.io/fyne/v2/app"
	"fyne.io/fyne/v2/canvas"
	"fyne.io/fyne/v2/container"
	"fyne.io/fyne/v2/layout"
)

func main() {
	myApp := app.New()
	myWindow := myApp.NewWindow("Grid Layout")

	text1 := canvas.NewText("1", color.White)
	text2 := canvas.NewText("2", color.White)
	text3 := canvas.NewText("3", color.White)
	grid := container.New(layout.NewGridLayout(2), text1, text2, text3)

	myWindow.SetContent(grid)
	myWindow.ShowAndRun()
}

And the result looks like this:

[andydotxyz]

Sadly the default go package defines only White, Black and Transparent. I assumed most devs use dark mode so picked white.

Do you think we should make the code a little more complex and define a different colour, or would it be ok to drop in one of our widgets despite not having mentioned them at that stage in the documentation?

[phankieuphu]

Sadly the default go package defines only White, Black and Transparent. I assumed most devs use dark mode so picked white.

Do you think we should make the code a little more complex and define a different colour, or would it be ok to drop in one of our widgets despite not having mentioned them at that stage in the documentation?

Thanks for the quick response. I think setting a dark background would also work. It makes the white text visible without changing the example too much. As long as it only adds minimal code and doesn’t introduce new concepts too early, a dark background would be a good option.

[andydotxyz]

Changing / adding a background would be more code than defining a different colour. Plus it introduces a less-than-ideal example of tweaking the UI style by adding code. Custom themes are much later in the docs...