Skip to content

Commit 3480ba2

Browse files
committed
fix(ai): keep sidebar text readable in light theme
Use the dark AI panel text color for CLI question titles, usage totals and tooltips, and small headings in chat and plans. Keep chat links on the panel's blue accent instead of inheriting the editor theme color. Verified the affected surfaces in the connected Linux app and compared computed colors in light and dark themes. The full LESS build and whitespace checks pass. All four fixes were reviewed in the running app.
1 parent 5b3cae9 commit 3480ba2

1 file changed

Lines changed: 9 additions & 3 deletions

File tree

‎src/styles/Extn-AIChatPanel.less‎

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -498,7 +498,7 @@
498498
gap: 12px;
499499
padding: 10px 12px;
500500
border-bottom: 1px solid rgba(128, 128, 128, 0.25);
501-
h2 { margin: 0; font: inherit; font-weight: 600; overflow-wrap: anywhere; }
501+
h2 { margin: 0; font: inherit; font-weight: 600; color: inherit; overflow-wrap: anywhere; }
502502
}
503503
.ai-rich-frame-heading { flex: 1; min-width: 0; }
504504
.ai-rich-frame-context { font-size: @ai-text-secondary; opacity: 0.65; margin-bottom: 4px; overflow-wrap: anywhere; }
@@ -2416,6 +2416,10 @@
24162416
font-weight: 600;
24172417
}
24182418

2419+
a {
2420+
color: #6b9eff;
2421+
}
2422+
24192423
code {
24202424
background-color: rgba(255, 255, 255, 0.08);
24212425
color: @project-panel-text-1;
@@ -2485,7 +2489,7 @@
24852489
color: @project-panel-text-2;
24862490
}
24872491

2488-
h1, h2, h3, h4 {
2492+
h1, h2, h3, h4, h5, h6 {
24892493
color: @project-panel-text-1;
24902494
line-height: 1.25em;
24912495
}
@@ -3999,7 +4003,7 @@
39994003

40004004
// Heading top margin needs to be larger than paragraph margin so a
40014005
// section header reads as a section header rather than another bullet.
4002-
h1, h2, h3, h4 {
4006+
h1, h2, h3, h4, h5, h6 {
40034007
color: @project-panel-text-1;
40044008
line-height: 1.25em;
40054009
}
@@ -6707,6 +6711,7 @@
67076711
font-size: @ai-text-body;
67086712
font-weight: 600;
67096713
font-variant-numeric: tabular-nums;
6714+
color: inherit;
67106715
}
67116716

67126717
span {
@@ -6922,6 +6927,7 @@
69226927
font-size: @ai-text-body;
69236928
font-weight: 600;
69246929
font-variant-numeric: tabular-nums;
6930+
color: inherit;
69256931
}
69266932

69276933
span {

0 commit comments

Comments
 (0)