Until now, following the strategy introduced in bootstrap, the base-font-size was a pixel value, by default 10px. This is nice for admins, which can change the font-size in the color theme edit interface, and be sure that every user will get the exact same interface.
However, since at least version 102 of Firefox (June 2022), before 2020 for Chromium, and even earlier for Safari, there is a browser level setting for font-size.
I think it would make sense to remove the parameter
@font-base-size from the color theme interface and use the browser level user preference as a base instead.
Of course this would improve responsiveness for most content, but not everything. We would need to slowly replace the references to
@base-font-size in the skin with rem units or percentage to provide a fully zoomable and user responsive UI. In the middle of the process, the default interface will still look okay but some elements might be disproportioned for users with non-default font-size settings.
Here is the view with a very basic replacement of the variable, for a user which base font-size is 22px instead of the default 16px:
For example we can see in the xwiki header that the bell icon is larger than its neighbors.
More examples and easier comparison can be found on this message.
In my opinion, this change is positive for the average User experience, and do not remove a very useful customization option from Administrators, so I’m in favor of it.
Do you agree with the removal of
@font-base-size from the color theme to instead rely on user defined preferences?
Thank you for your interest in this topic!