The International Simutrans Forum

 

Author Topic: GUI theme for Extended  (Read 466 times)

0 Members and 1 Guest are viewing this topic.

Offline Ranran

  • Devotee
  • *
  • Posts: 1283
  • Languages: ja
GUI theme for Extended
« on: November 01, 2020, 06:09:26 AM »
NOTE: This content is for the r8653 patch. Not yet incorporated. Until then, it will be updated little by little for memorandums and patch testing.

Theme can be changed in Display setting> GUI settings> Select a theme for display also in Extended.

Everything that currently exists in the theme folder should be discarded and updated. The current master has a lot of unnecessary things. For example, the source file is there even though it is of no use.
The old theme is a mixture of things that are originally broken. (aero.tab should not be there when theme pak does not exist.) It can prevent booting.
File names mixed with "." May not be good. Anyway it has changed in standard.
The file name and configuration will change. Therefore, please be careful not to leave old files.
The update will keep the latest standard version of the theme available.

I think standard automatically generates a pak file from themes.src and copies the theme file to the simutrans / themes folder.
Extended may not have such a system. Because the master branch used to have a broken aero theme folder, but its pak wasn't generated. I think the blue extended-specific theme was just put in without being updated.
Extended has a non-standard text color specification. For example, colors that can be upgradable, overcrowded, schedule missing.
Extended must have its own theme parameter, as they are clearly hard to see, such as in high contrast themes.
The pak file differs from standard only in the blue theme dedicated to extended, otherwise it is the same.
However, for the reasons mentioned above, the tab file needs to be updated and provided exclusively for extended. (Currently, the default settings are fine except for high contrast themes.)



Unfortunately, the work of adding new parameters is still in progress. You have to wait for the update.

Extended specific theme parameters:
Code: [Select]
gui_color_up_pointing_triangle = #00F3DE
gui_color_down_pointing_triangle = #FF8200
Triangular color indicating increase and decrease. Available in the city list window. The bar in the depot is the same color. (Not yet supported)
These can be hard to see depending on the background color of the theme.
These have already been implemented in the test branch.


Text color that seems to need to be changeable:
- Schedule slot missing
- Overcrowded
- Upgradeable
- Mixload prohibition
- Weakened gray

You will also be able to change the gray for strength.
I considered adjusting the brightness depending on the theme settings like player color, but this didn't work. The colors did not switch correctly after changing the theme.
And another agenda is that these colors are related to symbols. In other words, it may be a text color that should depend on pakset rather than theme.
I don't think there are any major issues other than high contrast, so normalizing the GUI overhaul patch is currently a priority.
Therefore, these changes are pending.



The modern theme is one of my favorite themes, but I think the white background of the chart is a big drawback of this theme as pointed out in the steam thread.
Chart graphs such as white, light gray, yellow and cream are very difficult to read.
I think this should be changed. However, there is a possibility that the light blue color matches the design of the theme, but the light blue chart may be difficult to see, so be careful.
For example, Profit is light blue.


I intended to raise this issue, but James also pointed out.
Quote
* In the "modern" theme, the yellow colour of the "transported" option in the convoy information graph is almost invisible against the white background.

 * In the "modern" theme, the light yellow "mail" graph in the chart tab of the city list dialogue is almost invisible.

 * In the "modern" theme, the yellow "transported" graph in the finance dialogue is almost invisible against the white background.

 * In the line management dialogue with the "modern" theme, the yellow transported graph is almost invisible against the white background.
I respected the theme and tried some light blues that were close to gray. However, there was a problem with the visibility of light blue charts such as profit.
So it changed to the default gray like any other theme. Unfortunately I couldn't come up with any other good (easy) solution. (´・ω・`)

Quote
* In Pak128.Britain-Ex, the query tool cursor shading colour has changed to red instead of the specified yellow. In fact, I think that this red colour seems to override all the pakset specified colours for the cursor shading for the query tool.
This color can be changed depending on the theme. standard new didn't have that parameter set, but the branch's parameters have been updated and it looks like it's displaying the correct colors in my environment. Try updating files in "theme" folder as described above. (Unnecessary things and old files need to be deleted.)


Quote
* In the Simutrans New theme, the loading bar colour has reverted to the Simutrans-Standard bright blue rather than the subtler shade preferred for Simutrans-Extended
This also made it possible to change the setting depending on the theme, but it seems that the default color was replaced with the same as standard when merging the change. Therefore, I changed the default color to the same color as before.


Quote
I notice that the "modern" theme is now the default. However, since there are a number of problems specific to the "modern" theme, the hardest of which to solve are likely to be the problems with the yellow graphs, I wonder whether we should revert to having the "Simutrans (new)" theme as the default?
I didn't care which theme was selected by default. It seems to load themes.tab first.
I renamed modern and standard new's theme files. As a result, standard new should be the default theme.

EDIT:
The reason why the modern theme may not be able to display all characters compared to other themes is that the modern theme specifies padding on the left and right of the button.
The basic button size is also specified by the theme. The default is 100px. So I think modern themes with padding should specify 110px.
If you use a large font, it's a good idea to use the large version of theme and set the large version to a larger gui_button_width.

EDIT2:
Also, as before, standard new does not currently have a large version. It's a good idea to have it ready.
« Last Edit: November 01, 2020, 09:11:28 AM by Ranran »

Offline jamespetts

  • Simutrans-Extended project coordinator
  • Administrator
  • *
  • Posts: 20342
  • Cake baker
    • Bridgewater-Brunel
  • Languages: EN
Re: GUI theme for Extended
« Reply #1 on: November 01, 2020, 01:45:22 PM »
Thank you very much for this: this is most helpful. I have now incorporated the latest changes into my 8653 branch. I can confirm that the query tool cursor is now the correct yellow. It is somewhat unfortunate that this is now set by theme rather than pakset, however; there is perhaps a tension between theme and pakset selection in this regard. I cannot recall - can the pakset's simuconf.tab file specify a default pakset theme? Some paksets work better with some themes and others with others, given that much UI design is necessarily pakset specific.

As to the modern theme, this is a good looking theme in many ways, and, aside from visibility issues, the original white background to the charts does look better than the grey, which does not go well with the theme (I also notice that the large size version of this theme retains the white chart background). In principle, the ideal solution would be to have every chart's line colour customisable by theme so that themes with light chart backgrounds could specify darker chart line colours and vice versa, but I anticipate that this would be much work, and, given that we have a working theme in Simutrans New, this is not a priority. If modern is to be more widely adopted, the dialogues also will need to be updated to give enough space for the additional padding that this theme specifies without truncating the text. One other disadvantage of the modern theme at present is that, unlike the Simutrans new and Simutrans classic themes, each alternating line on the charts is not a different colour (white and light grey in classic/new). This is also somewhat of an issue with the flat theme, which could easily work with the same white/dark grey colours as classic rather than its current black/dark grey colours. Flat also has the problem that the dark grey window buttons are almost invisible against the window background colours of darker windows in player colours.

In relation to the large size version of the Simutrans new theme, the graphics and .dat/.tab files for this appear already to exist, but it was not set up properly or compiled for some reason. I have made some changes, pushed to my 8653 branch, which should enable this theme; I should be grateful if you could test/confirm that this works.

In any event, thank you again for your work on this: it is much appreciated.

Offline Ranran

  • Devotee
  • *
  • Posts: 1283
  • Languages: ja
Re: GUI theme for Extended
« Reply #2 on: November 01, 2020, 03:15:27 PM »
Quote
can the pakset's simuconf.tab file specify a default pakset theme? Some paksets work better with some themes and others with others, given that much UI design is necessarily pakset specific.
I agree, but at this stage it is not possible to set a pakset-specific theme. Search only for userdir and progdir.
It may be possible if it first searches the themes file in the themes folder of pakset.
This is difficult as the theme needs to be loaded before the pakset is selected. (That is, the pakset selection screen.) so need a different approach.

Quote
One other disadvantage of the modern theme at present is that, unlike the Simutrans new and Simutrans classic themes, each alternating line on the charts is not a different colour (white and light grey in classic/new).


The line color corresponds to the color of the text on the label. White text can be difficult to read with the light background color of modern theme.



How about this one?


Quote
This is also somewhat of an issue with the flat theme
I think phystam made the flat theme, so I think he can do something about it.
« Last Edit: November 02, 2020, 04:56:35 PM by Ranran »

Offline Yona-TYT

  • Devotee
  • *
  • Posts: 1528
    • Simutrans-BLOG
  • Languages: ES
Re: GUI theme for Extended
« Reply #3 on: November 01, 2020, 04:06:24 PM »
It occurs to me to use a new parameter to adjust the brightness of the colored lines in the graphics, this worked great for me with the colored player texts.

Offline Ranran

  • Devotee
  • *
  • Posts: 1283
  • Languages: ja
Re: GUI theme for Extended
« Reply #4 on: November 02, 2020, 05:06:38 PM »
The default value for the player color is the darkest of the eight gradients in the player palette. It is a system that adds 0 to 7 brightness to it, but the darkest color is not set by default for colors such as charts, button and status colors.
Due to this difference, it seems difficult to select the appropriate brightness using the same system.
« Last Edit: November 02, 2020, 05:31:32 PM by Ranran »

Offline jamespetts

  • Simutrans-Extended project coordinator
  • Administrator
  • *
  • Posts: 20342
  • Cake baker
    • Bridgewater-Brunel
  • Languages: EN
Re: GUI theme for Extended
« Reply #5 on: November 08, 2020, 05:21:39 PM »
Ranran's second version of the graph looks good to me. It would be good to be able to customise the graph line colours per theme to allow us to have the good looking white chart background with the modern theme (and this should also help with the high contrast theme), but this is not a priority if this would involve a lot of difficult work

Offline Yona-TYT

  • Devotee
  • *
  • Posts: 1528
    • Simutrans-BLOG
  • Languages: ES
Re: GUI theme for Extended
« Reply #6 on: November 08, 2020, 05:41:25 PM »
Another idea could be to use a transparent layer, similar to how the "Networks" look on the minimap. The level of transparency and color can be adjusted with two parameters for the themes.

Offline Ranran

  • Devotee
  • *
  • Posts: 1283
  • Languages: ja
Re: GUI theme for Extended
« Reply #7 on: November 14, 2020, 12:17:40 PM »
In extended, some buttons are represented only by symbols, so in the flat theme, symbol buttons cannot distinguish between disabled and pressed.

Offline Phystam

  • Devotee
  • *
  • Posts: 496
  • Pak256.Ex developer
    • Pak256 wiki page
  • Languages: JP, EN, EO
Re: GUI theme for Extended
« Reply #8 on: November 17, 2020, 04:14:07 PM »
However, I expect that the same design of "disabled" and "pressed" does not confuse players, since "pressed" is interactive (it is shown only when a player presses the button) but "disabled" is not.