By the way, why do you use such a small font size as default in RemNote, both in the Queue and in the Editor? Have you considered at least creating an easier way of making fonts larger in the settings? The fonts look too too small for me.
The !important is there to make headers small. There are a few ways to solve this:
Add extra rules to target headers which would need to be overwritten too when customizing the font size.
Use a CSS variables --font-size, --font-size-editor, --font-size-queue that can be customized and keep the !important
? (other ideas)
I’d prefer the CSS variable way.
Note that you can also always zoom in the browser window/desktop app. (I know it’s not optimal since it distorts bullet points etc.)
There was/is a setting “Large Font” for the queue, but it does nothing in the new design for now. It will be removed eventually to reduce the number of settings and the complexity of the core application.
I think the way to go in the future is to have an easily accessible market place for CSS snippets (and extensions) and a larger font could be one of them, either standalone or as part of a theme optimized for accessibility.
Just to mention, when I uncheck the indicated declaration on the Inspector (Chrome or Microsoft Edge), I am not having issues with headers (the headers of the breadcrumbs and documents of the hierarchy are not shown oversized).
(Note that I’ll probably have to modify the legacy .spacedRepetition class names again when I refactor the flashcard formatting components, e.g. .spaced-repetition and .spaced-repetition__content, to fit the BEM naming scheme. CSS variables like :root { --font-size--queue: 20px; } should be a more stable solution. If you want you can add it already so it does not break when I rename the css classes.)
