Change text color in the Network -> Preview tab

[xnf]

Hi. Thanks for the theme. Superb theme, but can You also apply light colour to the Network -> Preview tab? For JSON previews its fine, but for normal text it is still black (as default-browser-text-colour-black).I attach a screenshot of what i mean.
Can you please apply same default text colour for the Preview as it is in the Network -> Response tab?

[mestrini]

I'm having the same problem with the preview tab colors for sharepoint CAML soap responses.
Any development for this issue?

tx

[mauricecruz]

@mestrini Do you have any public sources where I can get this response. Want to see why devtools isn't picking up the theme colors.

If not, can you paste the markup of this tab (the actual devtools markup) so I can paste it in my editor

[mestrini]

@mauricecruz

If not, can you paste the markup of this tab (the actual devtools markup) so I can paste it in my editor

Please show me how to get the markup

[mauricecruz]

@mestrini - this should help you out - http://stackoverflow.com/a/12291163/1876861

[mestrini]

Thank you for the link. Didn't know one could inspect the inspector.
Had a hard time doing it since I had a running application capturing the Ctrl+Shift+I combination and the second inspector would never come up since there is no context-menu either.

Anyways... Here's the file with the complete markup. Good luck with it :)

Cheers

dev-tools_markup.txt

[ragnaro89]

Any updates on this ?

[mauricecruz]

I tried injecting the markup text but it's missing the actual preview tab markup. It's just the network shell.

If you can get me the injected markup OR setup a jsfiddle that sends a mock caml response, I can see what's going on.

[mauricecruz]

@mestrini @ragnaro89 - I'd like to support this but I'll need a little help in generating that response in devtools.

Please let me know if you can setup an example I can check.

[sajjansarkar]

I get the same bevavior and would love to see it fixed as this is my only gripe with this awesome extension.. it doesnt work (renders in black font color) with a simple text response..

[mauricecruz]

@sajjansarkar - Thanks for reporting. Would you be able to help by drafting up a dummy response that I can hit so I can see the generated response? I don't work much with soap responses and would rather not spend time scouring the internet for examples.

[sajjansarkar]

@mauricecruz sure, the W3Schools example is a candidate.

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_ajax

[innovaweb-dev]

Hi all and thank for your help.
I have same problem with in the preview of network tab.

@mestrini - this should help you out - http://stackoverflow.com/a/12291163/1876861

I can edit the background-color in the file NetworkPanel.css, but i can't save this update.
.request-view.html iframe { background-color: lightgreen !important; }
When i quit the devTools, the background return to black color.

Thank you,

[mauricecruz]

@sajjansarkar - I took a look at example you provided. In that particular case, I don't think I can do anything because the markup is rendered inside an iframe.

@mestrini / @rifton007 - if you have examples where the markup is styled, but in the wrong colors, please let me know.

[sajjansarkar]

@mauricecruz I am not understanding what kind of example you're looking for? I thought you wanted an example of an AJAX response returning plain text.. And that was it.. not sure what it being in an iframe has to do with it.. If you can let me know what type of example you're looking for maybe I can find something public

how about this one? This is not in an iframe : https://www.tutorialspoint.com//jquery/src/loading-simple-data.htm

[mauricecruz]

@sajjansarkar thank you for providing another example.

To clarify, I wanted to determine if the preview pane had markup/classes I could use as hooks for styling. It looks like all content is loading inside an iframe. I can't modify any markup inside an iframe because the injected css only exists in the parent.

The current chrome api doesn't allow me to execute any javascript to inject any styles inside the iframe.

If it's the case that all content inside the preview pane is loading in an iframe, I don't think I can do anything about it.

[sajjansarkar]

@mauricecruz ah ok.. got it.. how are you setting the bgcoolor of the preview pane to darkgrey though?
maybe if the response is plaintext , we could leave it white?

[innovaweb-dev]

@mauricecruz, here is a example:

Thank you,