Dark Theme too Dark How do I Apply Custom CSS?

New to APIs/Postman
,
1

In this Postman Issue: Visualize (Beta) > table view> Unable to see text when dark theme is enabled · Issue #7375 · postmanlabs/postman-app-support · GitHub
there is mention of correcting the Dark Theme so that the text is not so dark. It mentions applying a custom CSS style shown below but I am not sure where I am supposed to add that style. I’ve done a little searching online but did not find anything useful. Can anybody point me in the right direction?

pm.visualizer.set(`

html { background: #fff; }

// your visualizer template
`);

2

Hey @mrSkowronski,

Welcome to the community!! :trophy:

Could I confirm that you’re talking about the text being too dark in a visualiser template? Or are you referring to the whole Postman app.

That’s what the issue relates too.

3

I am referring to the Postman App, all of the text is too dark. I use Dark Themes whenever I can, not just at night but during the day, plus I’m old, so I need a higher contrast than the current theme offers in order to see the text.

I was hoping this would fix it for me at least in one spot and I might discover other elements I could apply a similar fix for.

4

Unfortunately, that was only in reference to the background colour of the template rendered in the Visualizer.

Screenshot 2020-03-20 at 09.19.13
Screenshot 2020-03-20 at 09.19.132004×1206 155 KB

Currently, there isn’t any functionality in the app to modify the CSS.

5

Thanks for the details Danny. I’ll file a feature request.

1 Like
6

Please share the link to your feature request, so we can upvote it, replicate or whatever, so it gets a higher priority or something

7

Hey @esanchezrocket,

There are a number of different theme related issues open in our tracker.

This one seems the most common, please add your upvote here.

1 Like