Dracula-for-Obsidian.md icon indicating copy to clipboard operation
Dracula-for-Obsidian.md copied to clipboard

Accessibility: font size is not able to be changed

Open OxSon opened this issue 3 years ago • 8 comments

If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.

This theme is lovely! Except for one thing: the theme takes over font size such that it is no longer changeable. This is a showstopper for me, and probably for other people out there with poor eyesight (I need a larger font size than Dracula provides).

It was a bit tough for me to find a way to take a good screenshot showing this. I included a picture of a note, then two pictures of the Settings > Appearance menu--once with font size maximized, and once minimized.

Screenshot_2022-01-11-09-19-10_1920x1200

Screenshot_2022-01-11-09-20-00_1920x1200

Screenshot_2022-01-11-09-20-22_1920x1200

OxSon avatar Jan 12 '22 04:01 OxSon

Same here for me. Loved the theme, but not being able to adjust the fonts is a showstopper.

harunlegoz avatar Jan 21 '22 20:01 harunlegoz

I'm having the same issue, I do love the colors of this theme! Great to look at

notflip avatar Jan 27 '22 12:01 notflip

My guess is that the section starting here is the culprit. I have very little CSS experience, but I'd think that changing the font size values from absolute (pixels) to relative (em?) might fix it. I'll experiment and submit a patch when I have the time which.... might not be for a long time--pretty busy right now.

OxSon avatar Jan 28 '22 03:01 OxSon

Didn't work, at least not the way I did it. Sorry y'all, I just don't know enough about CSS, HTML, etc

OxSon avatar Jan 30 '22 20:01 OxSon

So the recent Obsidian Update has made the fonts for the headers too big. It takes up all of my screen and I'm not able to zoom out.

Amogh-Joshi avatar Mar 12 '22 19:03 Amogh-Joshi

Same here. The theme is awesome tho

skybay7 avatar Jul 06 '22 04:07 skybay7

Didn't work, at least not the way I did it. Sorry y'all, I just don't know enough about CSS, HTML, etc

Here is a fix to bring down the global font size:

:root
{
    --font-size-normal:              15px;
    --font-size-code:                16px;
    --font-size-side-dock:           16px;
    --font-size-side-dock-title:     18px;
    --font-size-status-bar:          16px;
    --font-size-h1:                  20px;
    --font-size-h2:                  19px;
    --font-size-h3:                  18px;
    --font-size-h4:                  17px;
    --font-size-h5:                  16px;
    --font-size-h6:                  15px;
    --font-family-editor:            Avenir, Avenir Next, sans-serif;
    --font-family-preview:           Avenir, Avenir Next, sans-serif;
}

Owlf-Dev avatar Aug 09 '22 12:08 Owlf-Dev

I like this theme, but this problem is a fatal ~

yiwiz-sai avatar May 08 '23 03:05 yiwiz-sai