diff --git a/styles/claude/catppuccin.user.less b/styles/claude/catppuccin.user.less index 4d2cee7de0..2e34168afe 100644 --- a/styles/claude/catppuccin.user.less +++ b/styles/claude/catppuccin.user.less @@ -91,10 +91,17 @@ nav.\!bg-bg-200 { background: @mantle !important; } + /* Target the specific element with all those classes */ + .text-text-500.font-small.p-3\.5.pb-0 { + background-color: @crust !important; + /* Optional: Add padding or border-radius if the bg looks cramped */ + border-radius: 8px 8px 0px 0px !important; + } /* Code blocks */ .code-block__code { background: @crust !important; + border-radius: 0px 0px 8px 8px !important; code { /* Default color */ @@ -102,33 +109,33 @@ color: @text !important; } - /* Green */ - span.token[style="color: rgb(152, 195, 121);"] { + /* Green - strings */ + span.token[style="color: rgb(155, 233, 99);"] { color: @green !important; } - /* Yellow */ - span.token[style="color: rgb(209, 154, 102);"] { + /* Yellow - types */ + span.token[style="color: rgb(251, 173, 96);"] { color: @yellow !important; } - /* Blue */ - span.token[style="color: rgb(97, 175, 239);"] { + /* Blue - functions */ + span.token[style="color: rgb(112, 184, 255);"] { color: @blue !important; } - /* Red */ - span.token[style="color: rgb(224, 108, 117);"] { - color: @red !important; + /* Cyan - constants / nunmbers */ + span.token[style="color: rgb(94, 237, 237);"] { + color: @peach !important; } - /* Magenta */ - span.token[style="color: rgb(198, 120, 221);"] { + /* Magenta - built in functions / keywords */ + span.token[style="color: rgb(204, 123, 244);"] { color: @mauve !important; } - /* Gray */ - span.token[style="color: rgb(171, 178, 191);"] { + /* Gray - comments */ + span.token[style="color: rgb(129, 136, 152);"] { color: @overlay2 !important; } }