Sidebar text too small on macos

[curliq]

Captchas

• [X] I have read the instructions.
• [X] I have searched existing issues and avoided creating duplicates.
• [X] I am not filing an enhancement request.

What happened?

The text on the sidebar is too small and hard to read.

I'm on MacOS, rendering on a 27 inch ultrasharp dell 4k.

Ideally there would have a setting to scale the browser UI without scaling the web pages.

Reproducible?

• [X] I have checked that this issue cannot be reproduced on Mozilla Firefox.

Version

1.0.1-a.17 (Firefox 132.0) (aarch64)

What platform are you seeing the problem on?

macOS - aarch64

Relevant log output

No response

[dosubot[bot]]

Hey @curliq! I'm here to assist with any bugs, questions, or contributions you have. Let's tackle this together!

There is a similar closed issue regarding small font sizes on tabs, which might be related to your problem. The issue is titled Font size on tabs too small and was last updated in September 2024. A workaround suggested in that issue involves adding custom CSS to adjust the font size:

.tab-text {
    font-size: 12px !important;
}

For your specific case with the sidebar text, you can adjust the text size by modifying the CSS in the zen-sidebar-panels.css file. The relevant CSS selectors for the sidebar text are #zen-sidebar-introduction-panel h1 and #zen-sidebar-web-panel-title. You can increase the font-size property in these selectors to make the text larger ^[1].

Unfortunately, there isn't a built-in setting to scale the browser UI independently of web pages, but adjusting the CSS as described should help with the text size issue.

To continue talking to Dosu, mention @dosu.

[curliq]

Good bot