New Fusion (light & dark) styles added... WIP

[graemeg]

Hi everyone.

I felt that the default Win2000 look is looking just a bit too dated these days. As much as I love it, I think it's time for a change.

I've created a new Fusion style with light and dark palettes. Inspired by the Qt cross-platform theme. I'm conscious about performance though, so will keep "special effects" like glows, gradients etc. to a minimum. I'll keep testing and tweaking it over time.

Eventually I'll make it the default. I've also [finally] implemented the ability for UIDesigner to change/preview each theme, for the designer forms currently being edited.

If you wanted to play with it now, simply add the following command line argument to your, or fpgui application:

• -style 'Fusion Light'
• -style 'Fusion Dark'

The IDE already defaults to the Fusion Light theme.

This is definitely still work-in-progress, and I'll enable many more elements in the coming days. More widgets will become style-enable widgets like the progress bar etc. I'm also looking into refreshing the standard images too (to better match each style), or replacing them with pure code rendering. Potentially switching to SVG images for improved HiDPI support too.

Fusion Dark:

Fusion Light:

A reminder of the Default (win2000) theme:

[rchastain2]

Looks gorgious! I like the idea of the command-line arguments. Will test it in the coming days. I can't wait to see how my chess program will look. :)

[graemeg]

I like the idea of the command-line arguments.

They've been there since the start of fpGUI 😅 , just not well documented. 🙈

Many widgets still look a bit "alien" like the comboboxes, checkboxes, progressbar etc, because they aren't style-aware. But that will hopefully change soon. I'll keep this discussion/thread updated with progress.

[rchastain2]

./eschecs -style 'Fusion Dark'

Nice!

[graemeg]

More progress was made. 🙂 Still not perfect, but it's getting better.

New changes are:

• Progress Bar
• CheckBox
• Radio Button
• PageControl & Tabsheet body

Fusion Dark:

Fusion Light:

[rchastain2]

Hello Graeme. The Light style works perfectly with my chess game (and is very nice).

With the Dark style, my status bar is still white and the text is not visible, as you can see in the screenshot that I posted previously.

Here is my code:

  FStatusBar := TfpgPanel.Create(self);
  with FStatusBar do
  begin
    Name := 'FStatusBar';
    Align := alBottom;
    Alignment := taLeftJustify;
    BackgroundColor := TfpgColor($FFFFFF);
    FontDesc := '#Label1';
    Style := bsLowered;
    TextColor := TfpgColor($000000);
  end;

P.-S. There is another place in the program where I change the background color:

  if FGame.State in [gsCheckmate, gsStalemate, gsDraw] then
    FStatusBar.BackgroundColor := $FFF692
  else if FGame.Check then
    FStatusBar.BackgroundColor := $FFB3B8
  else
    FStatusBar.BackgroundColor := $FFFFFF;

So, after reflexion, I don't even see how it could work with the Dark style. :)

Maybe you will see a solution.

[graemeg]

Thanks for reporting this. It was actually a very old bug. 🙈

Fusion, Carbon and Plastic styles were unconditionally calling SetTextColor(clText1) when the widget is Enabled, overriding any explicitly set widget TextColor. It now respects the developers colour choice.

The fix is in the latest develop branch code. Committed as 2232ab9.