Skip to content

Improved contrast for change highlights in diff - #274

Merged
simurai merged 4 commits into
mainfrom
HC-diff-improvements
Nov 23, 2021
Merged

simurai merged 4 commits into
mainfrom
HC-diff-improvements

Conversation

@Juliusschaeper

Copy link
Copy Markdown
Contributor

wordBg → emphasis
word foreground → onEmphasis

This increases contrast for change highlights to background and foreground.

wordBg → emphasis
word foreground → onEmphasis

This increases contrast for change highlights to background and foreground.
@Juliusschaeper Juliusschaeper self-assigned this Nov 18, 2021
@Juliusschaeper
Juliusschaeper requested a review from a team as a code owner November 18, 2021 15:12
@Juliusschaeper
Juliusschaeper requested review from a team and mperrotti November 18, 2021 15:12
@changeset-bot

changeset-bot Bot commented Nov 18, 2021 •

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b9a6608

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/primitives Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercel Bot commented Nov 18, 2021 •

Copy link
Copy Markdown

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/primer/primitives/HqU7bTminBLxrrM2bA1D31Ncnrcd
✅ Preview: https://primitives-git-hc-diff-improvements-primer.vercel.app

@github-actions

github-actions Bot commented Nov 18, 2021 •

Copy link
Copy Markdown
Contributor
Variables changed
--- base/dist/scss/colors/_light_high_contrast.scss	2021-11-23 00:58:45.156460222 +0000
+++ dist/scss/colors/_light_high_contrast.scss	2021-11-23 00:58:33.483704170 +0000
@@ -6,12 +6,12 @@
     --color-diff-blob-addition-num-text: #24292F;
-    --color-diff-blob-addition-fg: #24292F;
+    --color-diff-blob-addition-fg: #ffffff;
     --color-diff-blob-addition-num-bg: #CCFFD8;
     --color-diff-blob-addition-line-bg: #E6FFEC;
-    --color-diff-blob-addition-word-bg: #ABF2BC;
+    --color-diff-blob-addition-word-bg: #055d20;
     --color-diff-blob-deletion-num-text: #24292F;
-    --color-diff-blob-deletion-fg: #24292F;
+    --color-diff-blob-deletion-fg: #ffffff;
     --color-diff-blob-deletion-num-bg: #FFD7D5;
     --color-diff-blob-deletion-line-bg: #fff0ee;
-    --color-diff-blob-deletion-word-bg: #ee5a5d;
-    --color-diff-blob-hunk-num-bg: #368cf9;
+    --color-diff-blob-deletion-word-bg: #a0111f;
+    --color-diff-blob-hunk-num-bg: #9cd7ff;
     --color-diff-blob-expander-icon: #24292F;

@simurai simurai left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Juliusschaeper Is this PR meant to change also the diff for the Light default theme?

If it's meant only for Light high contrast, then I guess it would need to be an exception.

For some reason I changed everything in default light instead added it to light high contrast exceptions. This is now fixed.
@Juliusschaeper

Copy link
Copy Markdown
Contributor Author

@simurai Thanks for noticing this issue 🙈 I reverted my changes and moved the adjustments over to light high contrast exceptions.

@simurai
simurai merged commit f071312 into main Nov 23, 2021
@simurai
simurai deleted the HC-diff-improvements branch November 23, 2021 01:00
@primer-css primer-css mentioned this pull request Nov 23, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants