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

blinding colors, barely legible #29

Open
KolyaKorruptis opened this issue Jul 27, 2016 · 7 comments
Open

blinding colors, barely legible #29

KolyaKorruptis opened this issue Jul 27, 2016 · 7 comments

Comments

@KolyaKorruptis
Copy link

This should be obvious by looking at your own screenshots for this extension.
The first has a black background, the second has a light grey background with light yellow comparison.
Switching to comparison view basically makes me go blind for a while. hiss

Could it use the editor's theme?

@bomsy
Copy link
Owner

bomsy commented Jul 27, 2016

Yes! i'm looking into getting that to work. there's already an issue for that.
#21 Thanks!

@KolyaKorruptis
Copy link
Author

Cool. Thank you for the work you're putting into this useful extension.

@schroef
Copy link

schroef commented Jan 15, 2017

I got the text to be darker, i tried doing the BG color but its fetched from a file in different directory. Perhaps you need to add custom CSS that overrules the other one.

PS When i change text using revert chunk, a other app Source Tree doesnt see these changes? thats weird. But this is different thing than this post

@schroef
Copy link

schroef commented Jan 15, 2017

I think i got something working here, ive adjusted it to my main theme, Dark Material Theme 2.

I just need to get the text in the chunk better visible
screen shot 2017-01-15 at 6 44 29 pm

@smartsystemdesign
Copy link

@schroef how did you fix it?

@schroef
Copy link

schroef commented Apr 26, 2018

@smartsystemdesign,
i used the dev tools to see what part of brackets CSS was causing the light background. Then i edited that and restarted. The downside is you need to this each time you update.

See the images, you need to edit codemirror-scroll {backgroundcolor: #f8f8f8}

Open the dev tool, see inthe bottom where it probably says "errors" in red. You can see it in the previous image i posted, if you click that the dev tools open, just like in Chrome. Then by highlighting and opening, i found the corresponding css code for the background color
screen shot 2018-04-26 at 12 14 08 pm

On OSX its located here, but you can see that when you hover over the style in the dev tool checker.
screen shot 2018-04-26 at 12 15 33 pm

@smartsystemdesign
Copy link

Thank you! I'll try that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants