claude.ai - light code artifacts by adelaar

/* ==UserStyle==
@name           claude.ai
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("claude.ai") {

    /* Base code block styles */
    .prism-code,
    .code-block__code,
    [class*="code-block"] {
        background-color: #ffffff !important;
        font-family: 'JetBrains Mono', 'Fira Code', Consolas, Monaco, 'Courier New', monospace !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        font-weight: 500 !important;
        -webkit-font-smoothing: antialiased !important;
        text-rendering: optimizeLegibility !important;
    }

    /* Remove backgrounds from all tokens */
    .prism-code *,
    [class*="code-block"] *,
    .token,
    span.token,
    [class*="token"] {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }

    /* Comments - Eclipse-like blue with italic */
    .token[style*="color: rgb(92, 99, 112)"],
    span.token[style*="font-style: italic"],
    .token.comment,
    .token.prolog,
    .token.doctype,
    .token.cdata {
        color: #3F7F5F !important;
        font-style: italic !important;
    }

    /* Keywords and control flow */
    .token[style*="color: rgb(198, 120, 221)"],
    .token.keyword,
    span.token.keyword {
        color: #7A3E9D !important;
        font-weight: bold !important;
    }

    /* Strings */
    .token[style*="color: rgb(152, 195, 121)"],
    .token.string {
        color: #2A6F2A !important;
    }

    /* Numbers and boolean values */
    .token[style*="color: rgb(209, 154, 102)"],
    .token.number,
    .token.boolean {
        color: #1750EB !important;
    }

    /* Operators and comparisons */
    .token[style*="color: rgb(97, 175, 239)"],
    .token.operator {
        color: #000000 !important;
        font-weight: bold !important;
    }

    /* Punctuation */
    .token[style*="color: rgb(171, 178, 191)"],
    .token.punctuation {
        color: #333333 !important;
    }

    /* Variables and function names */
    span:not([class]),
    .token.variable,
    .token.function,
    .token.parameter {
        color: #2C3E50 !important;
    }

    /* SQL specific */
    .language-sql .token.table,
    .language-sql .token.column,
    .language-sql .token.identifier {
        color: #2C3E50 !important;
    }

    /* Remove text shadow */
    .prism-code,
    .prism-code *,
    [class*="code-block"],
    [class*="code-block"] * {
        text-shadow: none !important;
    }
}