OpenRefine/openrefine.org

The default font sizes for the website are actually a bit tiny.

Opened this issue · 5 comments

We can increase the font-size globally quite easily so that things "just work" across all devices and systems.

Currently the default for Docusaurus Theme Classic behind the scenes are

--ifm-font-size-base: 100%
--ifm-code-font-size: 90%;

But ideally should be something like
--ifm-font-size-base: 110% or slightly larger depending on opinions.

This can be added into the /src/css/custom.css file like so:

:root {
  --ifm-font-size-base: 110%;
  --ifm-code-font-size: 100%;
  --ifm-color-primary: #25c2a0;
  etc.
}

Hi @thadguidry I would like to work on this issue.
It would be great if you could assign it to me!

@anushatomar13 I think for a change like this, what's mostly important is to gather consensus around the move: the implementation itself is rather straightforward. So I would not rush to open a PR for this to let other people voice their opinions.

Side comment: Overall I am not sure about using "Good First Issue" in this repository - it could mislead newcomers into thinking that they are working on OpenRefine itself… In the past we've had people contributing here with the intention to use those PRs to apply for Outreachy/GSoC, but of course those contributions don't demonstrate their ability to make changes on OpenRefine so that did not support their applications very well.

@wetneb My thoughts of adding "Good First Issue" on website features we want or need (now or future) is so that we continue to pull in contributors. I think we can be flexible here for the website and documentation. And I also think we can easily navigate folks applying for Outreachy/GSoC.

I tested with --ifm-font-size-base: 110% by editing the style directly in Chrome DevTool. Overall, it looks good except for the H1, which are really large.