fix: contrast of progress bars, selections and selected query
At medium and high contrast, secondary-container turns dark. The empty part of progress bars, highlighted code lines and a targeted roadmap header now use surface-container-highest, so the fill and the text stay readable. The selected project in the project jump is light at these levels too; its check mark marks it. The selected sidebar query gets the pill style even with its "clear" icon next to it. The icon sits inside the pill and takes the pill's text color. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -122,7 +122,7 @@ div.wiki *:not(pre) > code, div.wiki > code {
|
||||
.syntaxhl :is(.nv, .vc, .vg, .vi, .vm, .nl, .ni) { color: var(--md-sys-color-warning); font-weight: normal; }
|
||||
.syntaxhl :is(.err, .gd, .gr, .ne, .gt) { color: var(--md-sys-color-error); background-color: transparent; }
|
||||
.syntaxhl :is(.o) { color: var(--md-sys-color-on-surface); }
|
||||
.syntaxhl .hll { background-color: var(--md-sys-color-secondary-container); }
|
||||
.syntaxhl .hll { background-color: var(--md-sys-color-surface-container-highest); } /* stays a surface tone at every contrast, so token colors stay readable */
|
||||
|
||||
/***** Activity *****/
|
||||
/* One card per day (the <dl>), entries are M3 list rows. Each entry is a <dt> + <dd> pair:
|
||||
@@ -342,7 +342,7 @@ div#roadmap .version-article {
|
||||
border: 1px solid var(--md-sys-color-outline-variant);
|
||||
border-radius: var(--md-sys-shape-corner-medium);
|
||||
}
|
||||
div#roadmap header:target { background-color: var(--md-sys-color-secondary-container); }
|
||||
div#roadmap header:target { background-color: var(--md-sys-color-surface-container-highest); }
|
||||
div#version-summary { background-color: transparent; }
|
||||
|
||||
/* Overview and issue table share one left edge (core indents the overview by 1.5rem) */
|
||||
|
||||
Reference in New Issue
Block a user