fix(ui): static inline code contrast fix + chip styling

Opcion A pura: fondo de inline code y color corregidos directamente
en los 42 themes JSON (darken 5 light / lighten 5 dark, contraste
WCAG en light). Sin metodos nuevos en cssGenerator ni generadores.
Se mantiene solo el padding/radius del chip en index.css y
composerHighlight.ts.
This commit is contained in:
Diego Fabricio Guzman Medrano
2026-08-20 22:30:24 -05:00
parent 3613127e2d
commit 99af34dfd4
44 changed files with 64 additions and 62 deletions
@@ -103,7 +103,7 @@ const STYLE_CLASS: Record<AnyStyle, string> = {
mentionAgent: 'text-[var(--status-success)]',
mentionCommand: 'text-[var(--primary)]',
mentionSnippet: 'text-[var(--status-warning)]',
code: 'rounded-[3px] bg-[var(--surface-subtle)] text-[var(--markdown-inline-code)]',
code: 'rounded-[6px] bg-[var(--markdown-inline-code-bg)] text-[var(--markdown-inline-code)] px-[0.3125rem] py-0.5',
codeFence: 'bg-[var(--surface-subtle)] text-[var(--markdown-inline-code)]',
// A `~path` is written for the reader's benefit, not to attach anything —
// it takes the same colour as a file mention, since it names the same kind
+3 -1
View File
@@ -1117,8 +1117,10 @@ html:not(.dark) .chat-scroll {
/* Override Streamdown's hardcoded bg-muted for inline code - use theme colors instead */
.markdown-content code[data-markdown="inline-code"] {
background-color: var(--markdown-inline-code-bg, var(--surface-muted)) !important;
background-color: var(--markdown-inline-code-bg, var(--surface-subtle)) !important;
color: var(--markdown-inline-code, var(--foreground)) !important;
padding: 0.125rem 0.3125rem;
border-radius: 0.375rem;
word-break: break-all;
overflow-wrap: break-word;
}
@@ -134,7 +134,7 @@
"link": "#A277FF",
"linkHover": "#F694FF",
"inlineCode": "#61FFCA",
"inlineCodeBackground": "#1A1921",
"inlineCodeBackground": "#222128",
"blockquote": "#6D6D6D",
"blockquoteBorder": "#2D2B38",
"listMarker": "#A277FF99"
@@ -133,8 +133,8 @@
"heading4": "#2D2640",
"link": "#A277FF",
"linkHover": "#C17AC8",
"inlineCode": "#40BF7A",
"inlineCodeBackground": "#EFE8FC",
"inlineCode": "#00732E",
"inlineCodeBackground": "#E8E3F2",
"blockquote": "#6D6D6D",
"blockquoteBorder": "#E0D6F2",
"listMarker": "#A277FF99"
@@ -134,7 +134,7 @@
"link": "#66C6F1",
"linkHover": "#3FB7E3",
"inlineCode": "#B1C74A",
"inlineCodeBackground": "#161d23",
"inlineCodeBackground": "#1C2126",
"blockquote": "#E4A75C",
"blockquoteBorder": "#2B3440",
"listMarker": "#3FB7E399"
@@ -133,8 +133,8 @@
"heading4": "#394049",
"link": "#2F9BCE",
"linkHover": "#4AA8C8",
"inlineCode": "#7FAD00",
"inlineCodeBackground": "#FCF9F3",
"inlineCode": "#497700",
"inlineCodeBackground": "#F0EDE7",
"blockquote": "#ED982E",
"blockquoteBorder": "#E6DDCF",
"listMarker": "#4AA8C899"
@@ -134,7 +134,7 @@
"link": "#33B1FF",
"linkHover": "#78A9FF",
"inlineCode": "#42BE65",
"inlineCodeBackground": "#1e1e1e",
"inlineCodeBackground": "#232323",
"blockquote": "#8D8D8D",
"blockquoteBorder": "#393939",
"listMarker": "#33B1FF99"
@@ -133,8 +133,8 @@
"heading4": "#161616",
"link": "#0072C3",
"linkHover": "#0043CE",
"inlineCode": "#198038",
"inlineCodeBackground": "#F4F4F4",
"inlineCode": "#00661E",
"inlineCodeBackground": "#F2F2F2",
"blockquote": "#525252",
"blockquoteBorder": "#DCDCDC",
"listMarker": "#0072C399"
@@ -134,7 +134,7 @@
"link": "#89DCEB",
"linkHover": "#B4BEFE",
"inlineCode": "#A6E3A1",
"inlineCodeBackground": "#2d2a42",
"inlineCodeBackground": "#2B2B3B",
"blockquote": "#F9E2AF",
"blockquoteBorder": "#35324A",
"listMarker": "#B4BEFE99"
@@ -133,8 +133,8 @@
"heading4": "#2e314a",
"link": "#04A5E5",
"linkHover": "#7287FD",
"inlineCode": "#40A02B",
"inlineCodeBackground": "#f6eeec",
"inlineCode": "#1A7A05",
"inlineCodeBackground": "#F2E9E7",
"blockquote": "#DF8E1D",
"blockquoteBorder": "#E0CFD3",
"listMarker": "#7287FD99"
@@ -134,7 +134,7 @@
"link": "#8BE9FD",
"linkHover": "#BD93F9",
"inlineCode": "#4aeb72",
"inlineCodeBackground": "#202132",
"inlineCodeBackground": "#21222C",
"blockquote": "#FFB86C",
"blockquoteBorder": "#2D2F3C",
"listMarker": "#BD93F999"
@@ -133,8 +133,8 @@
"heading4": "#1F1F2F",
"link": "#1D7FC5",
"linkHover": "#7C6BF5",
"inlineCode": "#2FBF71",
"inlineCodeBackground": "#F1F2ED",
"inlineCode": "#007325",
"inlineCodeBackground": "#EBEBE5",
"blockquote": "#F7A14D",
"blockquoteBorder": "#E2E3DA",
"listMarker": "#7C6BF599"
@@ -137,7 +137,7 @@
"link": "#5a6d7a",
"linkHover": "#93a56b",
"inlineCode": "#93a56b",
"inlineCodeBackground": "#23201c",
"inlineCodeBackground": "#282522",
"blockquote": "#a89888",
"blockquoteBorder": "#f0e6d830",
"listMarker": "#c47a3a99"
@@ -136,8 +136,8 @@
"heading4": "#1a1612",
"link": "#3d4f5a",
"linkHover": "#4a6030",
"inlineCode": "#4a6030",
"inlineCodeBackground": "#ece5d6",
"inlineCode": "#4A6030",
"inlineCodeBackground": "#ECE8DE",
"blockquote": "#5a5048",
"blockquoteBorder": "#1a161230",
"listMarker": "#8c552099"
@@ -136,7 +136,7 @@
"link": "#4385BE",
"linkHover": "#205EA6",
"inlineCode": "#A0AF53",
"inlineCodeBackground": "#1C1B1A",
"inlineCodeBackground": "#242222",
"blockquote": "#878580",
"blockquoteBorder": "#343331",
"listMarker": "#D0A21599"
@@ -135,8 +135,8 @@
"heading4": "#100F0F",
"link": "#205EA6",
"linkHover": "#4385BE",
"inlineCode": "#24837B",
"inlineCodeBackground": "#f6f5ee",
"inlineCode": "#0A6961",
"inlineCodeBackground": "#F2F0E7",
"blockquote": "#6F6E69",
"blockquoteBorder": "#DAD8CE",
"listMarker": "#AD830199"
@@ -134,7 +134,7 @@
"link": "#8EC07C",
"linkHover": "#83A598",
"inlineCode": "#B8BB26",
"inlineCodeBackground": "#32302F",
"inlineCodeBackground": "#353535",
"blockquote": "#928374",
"blockquoteBorder": "#504945",
"listMarker": "#83A59899"
@@ -133,8 +133,8 @@
"heading4": "#3C3836",
"link": "#427B58",
"linkHover": "#076678",
"inlineCode": "#79740E",
"inlineCodeBackground": "#F2E5BC",
"inlineCode": "#5F5A00",
"inlineCodeBackground": "#EBE4C8",
"blockquote": "#928374",
"blockquoteBorder": "#D5C4A1",
"listMarker": "#07667899"
@@ -138,7 +138,7 @@
"link": "#56A8F5",
"linkHover": "#6796f5",
"inlineCode": "#6AAB73",
"inlineCodeBackground": "#26282B",
"inlineCodeBackground": "#2B2C2F",
"blockquote": "#7A7E85",
"blockquoteBorder": "#393B41",
"listMarker": "#B3AE6099"
@@ -138,7 +138,7 @@
"link": "#006DCC",
"linkHover": "#3573F0",
"inlineCode": "#067D17",
"inlineCodeBackground": "#F5F7F9",
"inlineCodeBackground": "#F2F2F2",
"blockquote": "#8C8C8C",
"blockquoteBorder": "#C9CCD6",
"listMarker": "#9E880D99"
@@ -136,7 +136,7 @@
"link": "#7FB4CA",
"linkHover": "#7E9CD8",
"inlineCode": "#98BB6C",
"inlineCodeBackground": "#16161D",
"inlineCodeBackground": "#2C2C35",
"blockquote": "#54546D",
"blockquoteBorder": "#363646",
"listMarker": "#FF9E3B99"
@@ -135,8 +135,8 @@
"heading4": "#545464",
"link": "#5D57A3",
"linkHover": "#4D699B",
"inlineCode": "#6F894E",
"inlineCodeBackground": "#e7e2c7",
"inlineCode": "#496328",
"inlineCodeBackground": "#E9E6C9",
"blockquote": "#716E61",
"blockquoteBorder": "#716E61",
"listMarker": "#836F4A99"
@@ -136,7 +136,7 @@
"link": "#CCCCCC",
"linkHover": "#FFFFFF",
"inlineCode": "#B3B3B3",
"inlineCodeBackground": "#1A1A1A",
"inlineCodeBackground": "#0D0D0D",
"blockquote": "#808080",
"blockquoteBorder": "#333333",
"listMarker": "#99999999"
@@ -136,7 +136,7 @@
"link": "#333333",
"linkHover": "#000000",
"inlineCode": "#4D4D4D",
"inlineCodeBackground": "#f1f1f1",
"inlineCodeBackground": "#F2F2F2",
"blockquote": "#808080",
"blockquoteBorder": "#D9D9D9",
"listMarker": "#66666699"
@@ -114,7 +114,7 @@
"link": "#CCCCCC",
"linkHover": "#a2bee8",
"inlineCode": "#a2bee8",
"inlineCodeBackground": "#1A1A1A",
"inlineCodeBackground": "#0D0D0D",
"blockquote": "#808080",
"blockquoteBorder": "#333333",
"listMarker": "#99999999"
@@ -113,8 +113,8 @@
"heading4": "#262626",
"link": "#333333",
"linkHover": "#4a6a9e",
"inlineCode": "#4a6a9e",
"inlineCodeBackground": "#f1f1f1",
"inlineCode": "#4A6A9E",
"inlineCodeBackground": "#F2F2F2",
"blockquote": "#808080",
"blockquoteBorder": "#D9D9D9",
"listMarker": "#66666699"
@@ -134,7 +134,7 @@
"link": "#66D9EF",
"linkHover": "#AE81FF",
"inlineCode": "#A6E22E",
"inlineCodeBackground": "#27281F",
"inlineCodeBackground": "#30312B",
"blockquote": "#FD971F",
"blockquoteBorder": "#343528",
"listMarker": "#AE81FF99"
@@ -133,8 +133,8 @@
"heading4": "#292318",
"link": "#2D9AD7",
"linkHover": "#BF7BFF",
"inlineCode": "#4FB54B",
"inlineCodeBackground": "#F8F2E6",
"inlineCode": "#0F750B",
"inlineCodeBackground": "#F0EBDF",
"blockquote": "#F1A948",
"blockquoteBorder": "#E9E0CF",
"listMarker": "#BF7BFF99"
@@ -134,7 +134,7 @@
"link": "#7FDBCA",
"linkHover": "#82AAFF",
"inlineCode": "#C5E478",
"inlineCodeBackground": "#0B253A",
"inlineCodeBackground": "#0E2334",
"blockquote": "#5F7E97",
"blockquoteBorder": "#1D3B53",
"listMarker": "#82AAFF99"
@@ -133,8 +133,8 @@
"heading4": "#403F53",
"link": "#2AA298",
"linkHover": "#4876D6",
"inlineCode": "#2AA298",
"inlineCodeBackground": "#F0F0F0",
"inlineCode": "#00746A",
"inlineCodeBackground": "#EEEEEE",
"blockquote": "#7A8181",
"blockquoteBorder": "#D9D9D9",
"listMarker": "#4876D699"
@@ -134,7 +134,7 @@
"link": "#81A1C1",
"linkHover": "#88C0D0",
"inlineCode": "#A3BE8C",
"inlineCodeBackground": "#252c3c",
"inlineCodeBackground": "#2C313D",
"blockquote": "#D08770",
"blockquoteBorder": "#343A47",
"listMarker": "#88C0D099"
@@ -133,8 +133,8 @@
"heading4": "#2E3440",
"link": "#81A1C1",
"linkHover": "#5E81AC",
"inlineCode": "#4f7034",
"inlineCodeBackground": "#E4E8F0",
"inlineCode": "#35561A",
"inlineCodeBackground": "#DFE2E7",
"blockquote": "#D08770",
"blockquoteBorder": "#D5DBE7",
"listMarker": "#5E81AC99"
@@ -134,7 +134,7 @@
"link": "#56B6C2",
"linkHover": "#61AFEF",
"inlineCode": "#a0c288",
"inlineCodeBackground": "#232937",
"inlineCodeBackground": "#2B2F37",
"blockquote": "#E5C07B",
"blockquoteBorder": "#323848",
"listMarker": "#61AFEF99"
@@ -133,8 +133,8 @@
"heading4": "#2B303B",
"link": "#61AFEF",
"linkHover": "#528BFF",
"inlineCode": "#327d4c",
"inlineCodeBackground": "#EEF0F4",
"inlineCode": "#186332",
"inlineCodeBackground": "#E8E9EB",
"blockquote": "#D19A66",
"blockquoteBorder": "#DEE2EB",
"listMarker": "#528BFF99"
@@ -138,7 +138,7 @@
"link": "#5d99a9",
"linkHover": "#6ba7b8",
"inlineCode": "#76ad4f",
"inlineCodeBackground": "#211f1d",
"inlineCodeBackground": "#1F1C1B",
"blockquote": "#8f8b81",
"blockquoteBorder": "#302e2b",
"listMarker": "#4d934e99"
@@ -137,8 +137,8 @@
"heading4": "#393a34",
"link": "#2e808f",
"linkHover": "#296aa3",
"inlineCode": "#1a8446",
"inlineCodeBackground": "#f4f3f1",
"inlineCode": "#006A2C",
"inlineCodeBackground": "#F0EFED",
"blockquote": "#6b6b63",
"blockquoteBorder": "#d8d5d0",
"listMarker": "#1e754f99"
@@ -134,7 +134,7 @@
"link": "#2AA198",
"linkHover": "#6C71C4",
"inlineCode": "#859900",
"inlineCodeBackground": "#022733",
"inlineCodeBackground": "#0D2B32",
"blockquote": "#B58900",
"blockquoteBorder": "#20373F",
"listMarker": "#6C71C499"
@@ -133,8 +133,8 @@
"heading4": "#586E75",
"link": "#2AA198",
"linkHover": "#268BD2",
"inlineCode": "#859900",
"inlineCodeBackground": "#F6EFDA",
"inlineCode": "#576B00",
"inlineCodeBackground": "#F0E9D6",
"blockquote": "#B58900",
"blockquoteBorder": "#E3E0CD",
"listMarker": "#268BD299"
@@ -134,7 +134,7 @@
"link": "#7DCFFF",
"linkHover": "#7AA2F7",
"inlineCode": "#9ECE6A",
"inlineCodeBackground": "#111428",
"inlineCodeBackground": "#1C1E27",
"blockquote": "#E0AF68",
"blockquoteBorder": "#25283B",
"listMarker": "#7AA2F799"
@@ -133,8 +133,8 @@
"heading4": "#273153",
"link": "#007197",
"linkHover": "#2E7DE9",
"inlineCode": "#587539",
"inlineCodeBackground": "#DEE0EA",
"inlineCode": "#3E5B1F",
"inlineCodeBackground": "#D4D5DA",
"blockquote": "#8C6C3E",
"blockquoteBorder": "#CDD0DC",
"listMarker": "#2E7DE999"
@@ -134,7 +134,7 @@
"link": "#A0A0A0",
"linkHover": "#FFC799",
"inlineCode": "#bba2a2",
"inlineCodeBackground": "#292727",
"inlineCodeBackground": "#222222",
"blockquote": "#FFFFFF",
"blockquoteBorder": "#1C1C1C",
"listMarker": "#FFFFFF99"
@@ -134,7 +134,7 @@
"link": "#717070",
"linkHover": "#c48959",
"inlineCode": "#665050",
"inlineCodeBackground": "#f3f1f1",
"inlineCodeBackground": "#F2F2F2",
"blockquote": "#101010",
"blockquoteBorder": "#E8E8E8",
"listMarker": "#10101099"
@@ -114,7 +114,7 @@
"link": "#4d9375",
"linkHover": "#4d9375",
"inlineCode": "#80a665",
"inlineCodeBackground": "#121212",
"inlineCodeBackground": "#1F1F1F",
"blockquote": "#dedcd550",
"blockquoteBorder": "#ffffff15",
"listMarker": "#4d937599"
@@ -113,8 +113,8 @@
"heading4": "#2c2c28",
"link": "#1e754f",
"linkHover": "#1c6b48",
"inlineCode": "#3a631e",
"inlineCodeBackground": "#f7f3f395",
"inlineCode": "#3A631E",
"inlineCodeBackground": "#F2F2F2",
"blockquote": "#2c2c2850",
"blockquoteBorder": "#00000015",
"listMarker": "#1c6b4899"