Use Cantarell instead of Liberation Sans for GNOME users on darkly/darkly-red themes.

[IngrownMink4]

Describe the solution you'd like

When I use Lemmy on my computers, the typeface displayed is Liberation Sans on the darkly and darkly-red themes. It is not a bad option per sé, but in Windows the font shown is the one used in the whole operating system (Segoe UI) and it would be nice if the same thing happened with GNOME to ensure that the interface is as consistent as possible and as close to the native interface as possible. For Plasma users it is enough to use Noto Sans too.

The CSS file would look like this:

body {
	font-family: Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue", Cantarell, Noto Sans, Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size: .9375rem;
	font-weight: 400;
	line-height: 1.5;
	color: #dee2e6;
	text-align: left;
}

Screenshot showing default font

Screenshot showing Cantarell font (my proposed change)

Describe alternatives you've considered

I am aware that Cantarell is hated by many users and perhaps my wish conflicts with the wishes of other users, so perhaps the best thing would be to let the user choose the one they prefer, using a method similar to what DuckDuckGo does, which is to give a few options to choose from and give the option to indicate a specific font (whatever the user has installed locally).

Additional context

The intention of this change is that those of us who use GNOME will feel more comfortable navigating Lemmy, creating a more consistent experience.

[dessalines]

You can do a PR for this, the themes are in src/assets/css/themes

[IngrownMink4]

You can do a PR for this, the themes are in src/assets/css/themes

Okay, I'll try. But do you agree with the proposed changes?

[dessalines]

Sure, seems fine to me. I'll test this sometime soon.

[IngrownMink4]

Hi @dessalines. I noticed that Lemmy.ml does not show the changes from this merge request. Is it an accidental mistake or is there a reason behind this decision not to include it? (In Lemmygrad it is reflected tho).

[dessalines]

Cantarell is there: https://lemmy.ml/css/themes/darkly.css

[IngrownMink4]

Cantarell is there: https://lemmy.ml/css/themes/darkly.css

That's weird. I can't see it on Lemmy.ml but I can definitely see it from Lemmygrad.ml without issues. Hmmm, what could be the reason?

[dessalines]

I'm not sure, and I don't have time to do specific theme work, at least until I auto-generate them from scss files, one of the larger lemmy-ui upcoming tickets.

[IngrownMink4]

Hi again Dessalines. It seems that the changes introduced in version 0.18.0 have affected this PR. Can we mark this as "unresolved" again?