Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve default style readability #269

Open
rodarima opened this issue Oct 6, 2024 · 2 comments
Open

Improve default style readability #269

rodarima opened this issue Oct 6, 2024 · 2 comments
Labels
CSS UX User experience

Comments

@rodarima
Copy link
Member

rodarima commented Oct 6, 2024

Until margin:auto is supported, we have a lot of pages showing text glued to the Dillo window. Disabling CSS styles cause the default body margin of 5px to take effect. This margin is too small for computer screens, which is the default target.

It can be overrided by user styles ~/.dillo/style.css, but we should select a reasonable default.

Here is an example where this happens: https://washbear.neocities.org/browsers

And this is how it looks with CSS disabled and the margin increased to 2.5em:

margin

Similarly, we may want to increase the default font size and the line height.

Here is the recommended style for HTML4 CSS2: https://drafts.csswg.org/css2/#html-stylesheet

Also: https://html.spec.whatwg.org/multipage/rendering.html

@rodarima
Copy link
Member Author

rodarima commented Oct 6, 2024

Hmm, I see that increasing the default margin breaks too many websites. Probably it is only okay to make it 8 or 10 px.

@rodarima
Copy link
Member Author

rodarima commented Oct 6, 2024

The default background color #dcd1ba is also too dark by default. The idea that we should not use too bright colors is good, but I don't think it should be addressed at the browser level by default, as there are tools that dimm bright colors on the whole system.

The spec recommend the canvas to be white by default, so I think it would be expected to switch it. Of course users can choose any other value in the config.

@rodarima rodarima added UX User experience CSS labels Oct 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CSS UX User experience
Projects
None yet
Development

No branches or pull requests

1 participant