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

Dark theme update #2426

Merged
merged 7 commits into from
Nov 13, 2019
Merged

Dark theme update #2426

merged 7 commits into from
Nov 13, 2019

Conversation

alexchorman
Copy link
Contributor

No description provided.

Copy link
Collaborator

@ryestew ryestew left a comment

Choose a reason for hiding this comment

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

text-dark in the theme is .text-dark {
color: #2a2c3f !important;
}
But this should be a light color in a dark theme. ( and a dark color in a light theme).

@alexchorman
Copy link
Contributor Author

text-dark in the theme is .text-dark {
color: #2a2c3f !important;
}
But this should be a light color in a dark theme. ( and a dark color in a light theme).

@ryestew I thought we need to switch .text-dark and .text-light colors in dark theme. But if you want I can revert this change

Copy link
Collaborator

@ryestew ryestew left a comment

Choose a reason for hiding this comment

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

OK I think I understand the confustion...
previously in the dark theme the colors of text-dark and text-light were wrong - they were:
old-text-light
old-text-dark

and currently you have them as
new-text-light
new-text-dark

The new text-light is correct.
But the new text-dark should be a lighter color of gray than the new text-light.

This is because on a light theme text-dark was chosen to be contrasty to the background and text-light less contrasty to the background. But on a dark theme the background is reversed. So on a dark theme - text-light should be a dark gray and text-dark should be a lighter gray.

@@ -196,7 +196,7 @@ class PluginManagerComponent extends ViewPlugin {
<div id='pluginManager'>
<header class="form-group ${css.pluginSearch} plugins-header py-3 px-4 border-bottom">
<input onkeyup="${e => this.filterPlugins(e)}" class="${css.pluginSearchInput} form-control" placeholder="Search">
<button onclick="${_ => this.openLocalPlugin()}" class="${css.pluginSearchButton} btn bg-transparent text-dark border-0 mt-2 text-underline">
<button onclick="${_ => this.openLocalPlugin()}" class="${css.pluginSearchButton} btn bg-transparent text-dark border-0 mt-2 text-underline plugins-connect-btn">
Copy link
Collaborator

Choose a reason for hiding this comment

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

I don't think you need to add this class - but to use the color of plugins-connect-btn as the color of text-dark.

@ryestew
Copy link
Collaborator

ryestew commented Nov 7, 2019

text-dark - is still too dark - please use #babbcc

@alexchorman
Copy link
Contributor Author

text-dark - is still too dark - please use #babbcc

ok, but "Connect to a Local Plugin" button has #A2A3BD color

@alexchorman
Copy link
Contributor Author

@ryestew Updated text-dark color

@ryestew
Copy link
Collaborator

ryestew commented Nov 8, 2019

Actually there is an issue the alpha and the beta tags are different colors - alpha is missing a class that is in beta.

@ryestew
Copy link
Collaborator

ryestew commented Nov 8, 2019

@alexchorman
Copy link
Contributor Author

@ryestew I'll check it

@ryestew ryestew merged commit b3da51d into ethereum:master Nov 13, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants