I don't like blurry gradients. Here's how to remove the new GPT-5 gradient

Educational Purpose Only

GPT 5 is here and with it, there goes your choice. If you don't like the new gradient and blurry background, here’s how to hide them.

Option 1: Use the console (quick)

  1. Open Chrome DevTools with F12 or Ctrl + Shift + I
  2. Go to the Console tab
  3. Paste this and press Enter:

​

// Hide the gradient overlay
document.querySelectorAll('div.absolute.inset-0.h-full.w-full.bg-gradient-to-b.from-transparent.to-white.dark\\:to-black')
  .forEach(el => el.style.display = 'none');

// Hide the blurred background image
document.querySelectorAll('img.absolute.inset-0.h-full.w-full.scale-\\[1\\.02\\].object-cover.opacity-50.blur-2xl.dark\\:opacity-30')
  .forEach(el => el.style.display = 'none');

Option 2: Add a bookmark (easiest)

  1. Create a new bookmark
  2. Name it something like "Hide Gradient"
  3. In the URL field, paste this:

​

javascript:(function(){
  document.querySelectorAll('div.absolute.inset-0.h-full.w-full.bg-gradient-to-b.from-transparent.to-white.dark\\:to-black')
    .forEach(el => el.style.display = 'none');
  document.querySelectorAll('img.absolute.inset-0.h-full.w-full.scale-\\[1\\.02\\].object-cover.opacity-50.blur-2xl.dark\\:opacity-30')
    .forEach(el => el.style.display = 'none');
})();
  1. Save it
  2. Click the bookmark and the background goes back to normal
  3. Act like GPT-4 is still there

Here's a gif of it in action:

https://i.redd.it/m509nw5t1vhf1.gif

Hope it helps.

Posted Aug 8, 2025, 9:09 PM UTC

73
Loading comments…