From c83777e6a98a643804d7a99ffa9ac03497aa4289 Mon Sep 17 00:00:00 2001 From: Brandon Oxendine Date: Thu, 17 Sep 2026 18:45:56 +0200 Subject: [PATCH] Fix muddy diff colors in light mode --- public/colors.css | 6 ++++++ public/index.css | 7 ++++--- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/public/colors.css b/public/colors.css index e9dd7e434..5708e3b72 100644 --- a/public/colors.css +++ b/public/colors.css @@ -44,6 +44,9 @@ --color-feedback-error-bg: var(--color-semantic-red-100); --color-feedback-error-bg-selected: var(--color-semantic-red-200); + --color-diff-addition: var(--color-semantic-green-500); + --color-diff-deletion: var(--color-semantic-red-500); + --color-feedback-success-fill: var(--color-semantic-green-600); --color-feedback-success-fill-hover: var(--color-semantic-green-500); --color-feedback-success-fill-active: var(--color-semantic-green-700); @@ -119,6 +122,9 @@ --color-feedback-error-bg: var(--color-semantic-red-900); --color-feedback-error-bg-selected: var(--color-semantic-red-800); + --color-diff-addition: var(--color-semantic-green-400); + --color-diff-deletion: var(--color-semantic-red-400); + --color-code-keywords: var(--color-accent-blue-400); --color-code-strings: var(--color-accent-green-400); --color-code-numbers: var(--color-accent-purple-400); diff --git a/public/index.css b/public/index.css index 4aebea238..65ab39fd2 100644 --- a/public/index.css +++ b/public/index.css @@ -219,10 +219,11 @@ a { --diffs-dark: var(--color-text-primary); /* Line numbers. */ --diffs-fg-number-override: var(--color-text-tertiary); - /* Add / delete / modify accents feed the line-tint mixes. */ - --diffs-addition-color-override: var(--color-feedback-success-text); - --diffs-deletion-color-override: var(--color-feedback-error-text); + --diffs-addition-color-override: var(--color-diff-addition); + --diffs-deletion-color-override: var(--color-diff-deletion); --diffs-modified-color-override: var(--color-text-brand); + --diffs-fg-number-addition-override: var(--color-feedback-success-text); + --diffs-fg-number-deletion-override: var(--color-feedback-error-text); /* Mixed into the background of every line a comment refers to. */ --app-diff-comment-tint: var(--color-surface-brand-secondary);