Where does the bug appear (feature/product)?
Cursor IDE
Describe the Bug
When I visit localhost:3000/api/* (any API endpoint that returns a JSON response via GET), the JSON text is displayed in the browser‑style tab inside Cursor, but the text color matches the background color of the page. As a result, I cannot see the response content at all unless I manually select the text with my cursor to highlight it.
This makes debugging API responses very difficult because the JSON is effectively invisible by default. The issue happens consistently across different API routes that return JSON, and it occurs in the internal browser tab that Cursor opens when I open a localhost URL.
As you can see in the provided screenshot, the response that aren’t selected aren’t visible
Steps to Reproduce
Start a local development server that serves JSON responses on localhost:3000 (for example, a Next.js or Express API that returns JSON on GET requests).
In Cursor, open the in‑app browser tab (or use “Open in Browser” / equivalent) and visit http://localhost:3000/api/* (e.g., http://localhost:3000/api/users).
Observe the JSON response displayed in the browser‑style tab.
Notice that the JSON text color exactly matches the background of the page, making the content invisible unless you select the text with the cursor.
Expected Behavior
Expected behavior:
The JSON response text should have a clearly visible color (e.g., light text on a dark background, or vice versa) so it is readable without having to select it.
The text color should respect or override the current theme to ensure sufficient contrast with the background.
Screenshots / Screen Recordings
Operating System
Windows 10/11
Version Information
Cursor IDE 3.4.16
Does this stop you from using Cursor
No - Cursor works, but with this issue
