Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Conversation

@melroy89
Copy link
Member

@melroy89 melroy89 commented Feb 11, 2025

  • Increase contrast on text and background on the light themes (both normal light + solarized)
  • Use a light image for the intro background on light themes
  • Better contrast in form inputs in light themes
  • Improve hyperlink contrast (blue) on various links
  • Reduce the dark purple colors of buttons and introduction section, in order to reduce attraction/less focus.
  • Slightly improve color palette to match our Mbin logo better
  • Improve vote button hover on all themes (in all other cases, I didn't touch the dark themes further than the vote buttons)
  • Margin-top options fix across all the themes (this will also fix announcement having a margin between the message and the option menu on default light & dark themes). This same top margin also makes the layout much more consistent across the themes.
  • Improve boost, up- & down vote colors in light themes

Light theme

Before:

image

(ignore the blurry images, page was not fully loaded until the bottom, due to lazy loading images.. Just ignore that)

After:

image

Form textarea/inputs Light theme

Before:

image

After:

image

Solarized Light theme

Before:

image

After:

image

@melroy89 melroy89 added enhancement New feature or request frontend Visual issues, improvements, bugs or other aspects relating mostly to the front end labels Feb 11, 2025
@melroy89 melroy89 added this to the v1.8.1 milestone Feb 11, 2025
@melroy89 melroy89 enabled auto-merge (squash) February 11, 2025 17:11
@melroy89
Copy link
Member Author

Live at: https://kbin.melroy.org/

@melroy89 melroy89 self-assigned this Feb 11, 2025
@melroy89 melroy89 changed the title Improve contrast of light themes Improve contrast of light themes (+ some dark theme fixes) Feb 11, 2025
@melroy89 melroy89 requested a review from jwr1 February 11, 2025 20:14
Copy link
Member

@jwr1 jwr1 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It looks great to me!

@melroy89 melroy89 merged commit bca14c9 into main Feb 12, 2025
7 checks passed
@melroy89 melroy89 deleted the improve_contrast_light_themes branch February 12, 2025 00:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request frontend Visual issues, improvements, bugs or other aspects relating mostly to the front end

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants