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

Solid borders for custom containers #3891

Open
4 tasks done
dmohns opened this issue May 15, 2024 · 0 comments
Open
4 tasks done

Solid borders for custom containers #3891

dmohns opened this issue May 15, 2024 · 0 comments

Comments

@dmohns
Copy link

dmohns commented May 15, 2024

Is your feature request related to a problem?

This is a suggestion to slightly change the visual styling of Custom Containers in the default theme. Currently, the Customer Containers are very simple boxes.

My suggestion would be to

  • Add a faint drop shadow
  • Add a solid left border with high contrast against the background

This is common way of raising text boxes in various other tools. For example Slack, WhatsApp, Signal. But also other documentation tools like Docusaurus or even Github itself.

I think this will enhance readability and gives a more polished appearance out of the box.

Describe the solution you'd like

Here is an example how it could look like.

With suggestions applied:

image

Currently:

image

Describe alternatives you've considered

Users can always customise their Custom Containers themselves to look like suggested. But changing the default theme might improve the out-of-box experience for users.

Additional context

If such a suggestion is accepted I'm more than happy to contribute the CSS changes from my example.

Validations

@dmohns dmohns changed the title Stylistic improvements to custom containers Solid borders for custom containers May 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant