Skip to content

claude.ai chat UI hotfixes by myfonj

Write a review Install Get Stylus

Details

Authormyfonj

LicenseCC0

Categoryclaude

Created

Updated

Size830 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Solid plain backgrounds = no ugly gradients banding.

Notes

Just a super quick raw draft: forcefully stripes away all background-images and replaces them willy-nilly with alpha transparent dark layers.

Source code

/* ==UserStyle==
@name           claude.ai chat UI hotfixes
@namespace      github.com/openstyles/stylus
@version        1.1.0
@description    Solid plain backgrounds = no ugly gradients banding
@author         myf
@license        CC0
==/UserStyle== */

@-moz-document url-prefix("https://claude.ai/chat/") {
 *:not(#a#b#c) {
  &, &::before, &::after {
   background-image: none !important;
   backdrop-filter: none !important;
  }
  body &:where([class*="-bg-"]) {
   background-color: #0001;
  }
  &:where([style*="-popper-"]) , 
  &:where([class~="fixed"][data-state="open"]) * {
   background-color: #000F;
  }
  &:where([class~="sticky"]) * {
   background-color: #0009 ;
  }
 }
 :link {
  color: color-mix(in srgb, currentcolor 60%, linkText);
 }
 :visited {
  color: color-mix(in srgb, currentcolor 60%, visitedText);

 }
}

Reviews

No reviews yet.