Are there any SaaS projects that do this so I can check? And how does one change the user's settings so the app respects it?

Forget what I said earlier :) I’ve watched two videos and feel I got the point. I just suggest we prioritize addressing small bugs and building our infrastructure monitoring first. After we launch version 2.0, we can tackle this issue. What do you think?

I'm on board for this issue after @marcelluscaio 's presentation this morning 👍

After infrastructure monitoring we can work on this and perhaps the big boogeyman, responsive design 👻

Hello ! Is this issue still relevant and can I be assigned to this if it is the case?

Hello @blastoncrush - sure, it's still relevant. Can you please give us some more information about what you are going to do, very shortly, so we are all on the same page?

Hello @gorkem-bwl ! Thanks for the quick answer. I think I will start by changing all px sizes by equivalent rem size (using a converter), starting by this file : https://github.com/bluewave-labs/Checkmate/blob/develop/src/index.css
Then let me know if there are other files to adress :)

Let's go! :)

I have automated the task by using a python programm and using the conversion 1rem = 16px

Hi @blastoncrush ,

I see your open PR on this, however we are moving away from using CSS at all.

Fonts are set in the theme and should not be overridden by CSS:

const typographyBase = 13;

const typographyLevels = {
	base: typographyBase,
	xs: `${(typographyBase - 4) / 16}rem`,
	s: `${(typographyBase - 2) / 16}rem`,
	m: `${typographyBase / 16}rem`,
	l: `${(typographyBase + 2) / 16}rem`,
	xl: `${(typographyBase + 10) / 16}rem`,
};

All that should be required to set the font size on a per user basis should be to make the typographyBase value configurable.

All CSS set font sizes should be removed entirely really.

Relevant docs here

Hello @ajhollid, thanks for the answer. I don't understand the issue : in the code you show, fonts are declared using rem, not px

In the file your talking about (