vrr/kimi-code
2
0
Fork 0
mirror of https://github.com/MoonshotAI/kimi-code.git synced 2026-07-09 17:29:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

fix(web): tighten dark color contrast

Browse source
This commit is contained in:
qer 2026-06-17 01:53:05 +08:00
parent c5f08376f9
commit 8c492c160f
4 changed files with 17 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/kimi-web/src/App.vue
View file

@ -1341,7 +1341,7 @@ function openPr(url: string): void {
font-family: var(--mono);
font-size: var(--ui-font-size-xs);
padding: 4px 14px;
color: #fff;
color: var(--bg);
cursor: pointer;
flex: none;
}

2
apps/kimi-web/src/components/ConversationPane.vue
View file

@ -1428,7 +1428,7 @@ defineExpose({ loadComposerForEdit });
padding: 8px 14px;
border-radius: 6px;
background: var(--ink);
color: #fff;
color: var(--bg);
font-size: var(--ui-font-size-sm);
z-index: 20;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);

21
apps/kimi-web/src/components/FilePreview.vue
View file

@ -858,6 +858,13 @@ function truncatePath(path: string, maxLen = 55): string {
/* ---- Body ---- */
.fp-body {
--fp-search-hit-bg: color-mix(in srgb, var(--star) 22%, var(--bg));
--fp-search-active-bg: color-mix(in srgb, var(--star) 36%, var(--bg));
--fp-token-keyword: color-mix(in srgb, var(--blue) 68%, var(--err));
--fp-token-string: var(--ok);
--fp-token-literal: var(--blue2);
--fp-token-tag: var(--warn);
flex: 1;
min-height: 0;
overflow: auto;
@ -886,11 +893,11 @@ function truncatePath(path: string, maxLen = 55): string {
}
.fp-line-row.hit .fp-line-text,
.fp-table tr.hit td {
background: #fff7d6;
background: var(--fp-search-hit-bg);
}
.fp-line-row.active .fp-line-text,
.fp-table tr.active td {
background: #ffe8a3;
background: var(--fp-search-active-bg);
}
.fp-line-row.target .fp-gutter,
.fp-line-row.target .fp-line-text,
@ -921,15 +928,15 @@ function truncatePath(path: string, maxLen = 55): string {
}
.fp-line-text :deep(.tok-key),
.fp-line-text :deep(.tok-keyword) {
color: #8f3f9f;
color: var(--fp-token-keyword);
font-weight: 600;
}
.fp-line-text :deep(.tok-string) { color: #116329; }
.fp-line-text :deep(.tok-string) { color: var(--fp-token-string); }
.fp-line-text :deep(.tok-number),
.fp-line-text :deep(.tok-literal) { color: #0550ae; }
.fp-line-text :deep(.tok-literal) { color: var(--fp-token-literal); }
.fp-line-text :deep(.tok-comment) { color: var(--muted); font-style: italic; }
.fp-line-text :deep(.tok-tag) { color: #953800; font-weight: 600; }
.fp-line-text :deep(.tok-attr) { color: #0550ae; }
.fp-line-text :deep(.tok-tag) { color: var(--fp-token-tag); font-weight: 600; }
.fp-line-text :deep(.tok-attr) { color: var(--fp-token-literal); }
/* ---- HTML / PDF ---- */
.fp-html-frame,

2
apps/kimi-web/src/components/SideChatPanel.vue
View file

@ -247,7 +247,7 @@ function autosize(): void {
border: none;
border-radius: var(--r-sm, 8px);
background: var(--blue);
color: #fff;
color: var(--bg);
cursor: pointer;
}
.sc-send:disabled { opacity: 0.4; cursor: default; }