GUI Titlebar & General Styling Support

[Kiritsuu]

Hello 👋

This is my first time using GIU, I am having a few issues figuring some stuff out. I'll list below some items I could use help figure out.

Styling the title bar:

setting the MasterWindow Backgorund, and making buttons, dropdowns, and other items look more like Dear ImGUI:

Furthermore, the default hover color of buttons and I think items are light blue? Any way of changing this?

[SleepyPrince]

You can use css doc example
Not sure about the title bar though

[gucio321]

Hi @Kiritsuu nice to hear that someone uses giu 😄

Styling the title bar:

unfortunately this is something handled by glfw and it depends on platform (e.g. for me on linux this title bar is different)

You can however disable it: giu.MasterWindowFlagsFrameless

setting the MasterWindow Backgorund, and making buttons, dropdowns, and other items look more like Dear ImGUI:

generally this is set by setTheme function (there is an issue #773 that would allow to overwrite this). For now you need to use StyleSetter API

giu.Style().
   SetColor(colid1, colornames.Red).
   SetColor(colid2, colornames.Blue).
   SetStyle(styleid1, 20, 40).
   SetStyleFloat(styleid2, 8.5) // e.t.c.

Now depending on what you want to do you can either use Push/Pop or (*StyleSetter).To method.

giu.SingleWindow().Layout(
   giu.Style()./*your style settings like above*/.To(
      widget1,
      widget2,
   ),
)

or for the whole app you can do like this:

func loop() {
   myStyle := Style()./*your style settings*/
   myStyle.Push()
   // render your app (SingleWindow, widgets e.t.c.)
   myStyle.Pop()
}

StyleSetter usage is presented in setstyle example

You can also use CSS styling if you prefer 😄
see this example

here is also something that you might want to check: https://github.com/AllenDang/giu/wiki#style-related