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.

Sign up for GitHub

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

Jump to bottom

Selecting bright primary colors will cause readability issues with some components #7

Open
fatihbalsoy opened this issue Jul 7, 2023 · 0 comments
Open

Selecting bright primary colors will cause readability issues with some components #7

fatihbalsoy opened this issue Jul 7, 2023 · 0 comments
Assignees
@fatihbalsoy
Labels
back-end Only the website admin can see the issue ui: theme There's an issue with the theme engine

Comments

@fatihbalsoy
Copy link
Owner

fatihbalsoy commented Jul 7, 2023 •
edited

Describe the bug
Selecting a bright primary color will cause readability issues with most components and layouts. Using tinycolor to predetermine the text colors is one possible solution.

To Reproduce
Steps to reproduce the behavior:

  1. Go to Appearance -> Material Dashboard
  2. Select a bright primary color like light pink
  3. Save changes
  4. Admin bar text is not visible

Expected behavior
Text should be dark over light and pastel primary colors

Screenshots
Screenshot 2023-07-07 171240
@fatihbalsoy fatihbalsoy self-assigned this Jul 7, 2023
@fatihbalsoy fatihbalsoy added ui: theme There's an issue with the theme engine back-end Only the website admin can see the issue labels Jul 7, 2023
@fatihbalsoy fatihbalsoy pinned this issue Oct 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@fatihbalsoy fatihbalsoy

Labels
back-end Only the website admin can see the issue ui: theme There's an issue with the theme engine
Projects
Material Dashboard - Issues
Status: Todo
Milestone
No milestone
Development

No branches or pull requests
1 participant
@fatihbalsoy