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
Fix color scheme. #233
Fix color scheme. #233
Conversation
✅ Deploy Preview for cosmic-selkie-827ba7 ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
A silly mistake, though. |
3ff1d63
to
be0260b
Compare
Infirma -> Infima... |
The colours have been changed for softer ones. The commit covers most of the main Infirma colours for the light theme and separately code blocks. The colours of the titles in the footer have also been fixed (they were white in the light theme, making them invisible). Makes text in codeblocks `--ifm-color-primary-darker`.
37415eb
to
536509f
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is a great improvement @extSunset, the light mode is no longer blinding 👓!
The only thing that stood out to me was the code-blocks on the light scheme. What do you think about wrapping them in a darker border, or slightly adjusting the background color?
For comparison, code blocks stand out in a dark mode, but not in a light mode
@EmilFattakhov I'll try playing around with different options. It might be worth adding a shadow to the block. |
Added shadows to code blocks, menu details, and alert blocks. The main goal was to improve the visibility of code blocks in the light theme. Shadows were added to the other elements to maintain a unified style. Shadows were added to the dark theme for the same reason, also the lack of shadows in the dark theme caused blocks to distort when switching themes.
… variables. The footer colour has been changed to a darker colour, similar to the original light theme. Shadow colour for code blocks in the light theme was made dependent on CSS variables.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM @extSunset, thank you for acting on the suggestions!
Aimed at improving the colour scheme, particularly for the light theme which was suffering from excessive brightness. I'm really looking forward to the comments on this. I am not a designer, and this is my attempt to improve the condition of the light theme in some way.
Should fix #216 and #214.