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

Some icons look "dimmer" with the Dark Theme in 2.0 #7859

Closed
jtpio opened this issue Feb 7, 2020 · 3 comments · Fixed by #7864
Closed

Some icons look "dimmer" with the Dark Theme in 2.0 #7859

jtpio opened this issue Feb 7, 2020 · 3 comments · Fixed by #7864
Labels
status:resolved-locked Closed issues are locked after 30 days inactivity. Please open a new issue for related discussion.
Milestone

Comments

@jtpio
Copy link
Member

jtpio commented Feb 7, 2020

Testing from the current master, some icons (mostly the check marks and submenu arrows) now look dimmer than before (1.x).

With 1.2.6:

image

With 2.0 / current master:

image

@jasongrout
Copy link
Contributor

jasongrout commented Feb 7, 2020

Testing, this seemed to change between 2.0b1 and 2.0b2. It seems that the icon pulled in by the css has a different svg font color between then. @telamonian - do you know of an easy workaround to have brighter checkmarks? Is this related to (IIRC) consolidating the svgs for various themes into the ui package, so you only get one svg?

It looks like the checkmark is currently using this css:

.lm-CommandPalette-item.lm-mod-toggled .lm-CommandPalette-itemIcon {
background-image: var(--jp-icon-check);
background-size: 16px;
background-repeat: no-repeat;
}

@jasongrout jasongrout added this to the 2.0 milestone Feb 7, 2020
@telamonian
Copy link
Member

No, sadly there's no workaround that is both clean and easy. The real problem is that there's no underlying support in lumino for LabIcon-like icons in commands or menu items (as there currently is in lumino title objects, via their .iconRenderer prop). I'm working on fixing that right now.

I really wanted to avoid it, but the quick and dirty fix would be to just go back to having 2 of each of the icons (light/dark) that get used in the menus. The drawback (aside from being an annoying mess for me to maintain, especially on a temporary basis) is that the icon colors wouldn't match to any custom theme, just to the default light/dark themes. I'd prefer if we lived with the styling defect for a week or two, I'll go and fix the underlying issue in lumino, and then we can fix the menu icon styling for real in a 2.0.x point release

@telamonian
Copy link
Member

This will get fixed by #7864

@lock lock bot added the status:resolved-locked Closed issues are locked after 30 days inactivity. Please open a new issue for related discussion. label Mar 27, 2020
@lock lock bot locked as resolved and limited conversation to collaborators Mar 27, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
status:resolved-locked Closed issues are locked after 30 days inactivity. Please open a new issue for related discussion.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants