René's URL Explorer Experiment


Title: Very poor color contrast with dark themes. Potential fixes included. · Issue #2325 · pre-commit/pre-commit · GitHub

Open Graph Title: Very poor color contrast with dark themes. Potential fixes included. · Issue #2325 · pre-commit/pre-commit

X Title: Very poor color contrast with dark themes. Potential fixes included. · Issue #2325 · pre-commit/pre-commit

Description: I recently discovered this project and I love it, it helps me to catch simple issues, keep my commit history cleaner, and avoid wasting time on failed CI runs. Kudos! The one issue I've had is extremely poor contrast with the color highl...

Open Graph Description: I recently discovered this project and I love it, it helps me to catch simple issues, keep my commit history cleaner, and avoid wasting time on failed CI runs. Kudos! The one issue I've had is extr...

X Description: I recently discovered this project and I love it, it helps me to catch simple issues, keep my commit history cleaner, and avoid wasting time on failed CI runs. Kudos! The one issue I've had is ...

Opengraph URL: https://github.com/pre-commit/pre-commit/issues/2325

X: @github

direct link

Domain: github.com


Hey, it has json ld scripts:
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Very poor color contrast with dark themes. Potential fixes included.","articleBody":"I recently discovered this project and I love it, it helps me to catch simple issues, keep my commit history cleaner, and avoid wasting time on failed CI runs. Kudos!\r\n\r\nThe one issue I've had is extremely poor contrast with the color highlighting when using a dark color scheme, very similar to #2268. I've seen the answer given in that issue, and I disagree with the assessment that the terminal color scheme is to blame. I'm using a common color scheme (One Dark) that is widely tested in IDEs, terminals, and editors. I use this color scheme system-wide and I have no problems with the output of any other CLI application, or any elements of my window manager. The issue is 100% down to the implementation of highlighting in pre-commit. I suspect this issue is affecting the users of many common terminal dark themes.\r\n\r\n---\r\n### Solutions\r\n\r\nI can propose two ways of fixing this problem, both could be easily implemented as options:\r\n1. Highlight the text foreground, rather than the background.\r\n2. When using background highlighting, the text foreground color should become the terminal background color. This option wouldn't change the branding of the application in any significant way.\r\n\r\nEither of these solutions could be implemented as simple environment variables, or the latter could possibly be done automatically based on the terminal's foreground and background colors.\r\n\r\n---\r\n### Screenshots\r\n \r\n**Default pre-commit highlighting:**\r\n![pre-commit-default](https://user-images.githubusercontent.com/59636191/161409703-65cc6c66-cf28-48a3-973f-1ca4a86412ce.png)\r\n\r\n**Using only foreground highlighting:**\r\n![pre-commit-fg-no-bg](https://user-images.githubusercontent.com/59636191/161409462-f6afd841-cb2e-4ce9-bc53-ade23025fbb0.png)\r\n\r\n**Using inverse background highlighting:**\r\n![pre-commit-bg-inverted](https://user-images.githubusercontent.com/59636191/161409461-cd39f897-ad33-484e-bb0f-29a13f447d08.png)\r\n\r\n**Full screenshot of my system:**\r\n![vim-screenshot](https://user-images.githubusercontent.com/59636191/161409519-78123747-3aef-40aa-8d55-0fe3b5948573.png)\r\n\r\n---\r\n\r\nAs you can see, it is absolutely nothing to do with my color scheme, and by changing the way pre-commit highlights text it is entirely possible to create a visually pleasing result like you see in the rest of my OS.\r\n\r\nI fully understand if you aren't interested in doing the work for this, as it is a fairly trivial issue and it's likely a lot of work to maintain this project already. However, I do hope you would consider having a discussion about the logistics, and accepting a Pull Request to implement some kind of solution for dark theme users.\r\n\r\nThanks for your time.","author":{"url":"https://github.com/ralgar","@type":"Person","name":"ralgar"},"datePublished":"2022-04-03T04:06:17.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3},"url":"https://github.com/2325/pre-commit/issues/2325"}

route-pattern/_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format)
route-controllervoltron_issues_fragments
route-actionissue_layout
fetch-noncev2:06e22014-5a3c-a94b-a6f6-1b12d96c681a
current-catalog-service-hash81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-idC54E:189FE3:A9506F:D67D3F:69917F55
html-safe-nonce098aa2d79912d044a434dc580c9395f8642daa6b644aa5ef54d8452b9c20c474
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDNTRFOjE4OUZFMzpBOTUwNkY6RDY3RDNGOjY5OTE3RjU1IiwidmlzaXRvcl9pZCI6IjQ5MzAwNDExOTgxODAxMzg4MzciLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ==
visitor-hmac35827e28dec467b2872c87b8ad39ebc453dd39d54c220ddd26e894039edba4ad
hovercard-subject-tagissue:1190812089
github-keyboard-shortcutsrepository,issues,commits,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/issues_fragments/issue_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/pre-commit/pre-commit/2325/issue_layout
twitter:imagehttps://opengraph.githubassets.com/f0370de83f5fa8cdad323c89c36b87fd34c3a463969367ff870684db33acf2d5/pre-commit/pre-commit/issues/2325
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/f0370de83f5fa8cdad323c89c36b87fd34c3a463969367ff870684db33acf2d5/pre-commit/pre-commit/issues/2325
og:image:altI recently discovered this project and I love it, it helps me to catch simple issues, keep my commit history cleaner, and avoid wasting time on failed CI runs. Kudos! The one issue I've had is extr...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernameralgar
hostnamegithub.com
expected-hostnamegithub.com
None42c603b9d642c4a9065a51770f75e5e27132fef0e858607f5c9cb7e422831a7b
turbo-cache-controlno-preview
go-importgithub.com/pre-commit/pre-commit git https://github.com/pre-commit/pre-commit.git
octolytics-dimension-user_id6943086
octolytics-dimension-user_loginpre-commit
octolytics-dimension-repository_id17689377
octolytics-dimension-repository_nwopre-commit/pre-commit
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id17689377
octolytics-dimension-repository_network_root_nwopre-commit/pre-commit
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release848bc6032dcc93a9a7301dcc3f379a72ba13b96e
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/pre-commit/pre-commit/issues/2325#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fpre-commit%2Fpre-commit%2Fissues%2F2325
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fpre-commit%2Fpre-commit%2Fissues%2F2325
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fissues_fragments%2Fissue_layout&source=header-repo&source_repo=pre-commit%2Fpre-commit
Reloadhttps://github.com/pre-commit/pre-commit/issues/2325
Reloadhttps://github.com/pre-commit/pre-commit/issues/2325
Reloadhttps://github.com/pre-commit/pre-commit/issues/2325
pre-commit https://github.com/pre-commit
pre-commithttps://github.com/pre-commit/pre-commit
Please reload this pagehttps://github.com/pre-commit/pre-commit/issues/2325
Notifications https://github.com/login?return_to=%2Fpre-commit%2Fpre-commit
Fork 928 https://github.com/login?return_to=%2Fpre-commit%2Fpre-commit
Star 15k https://github.com/login?return_to=%2Fpre-commit%2Fpre-commit
Code https://github.com/pre-commit/pre-commit
Issues 20 https://github.com/pre-commit/pre-commit/issues
Pull requests 11 https://github.com/pre-commit/pre-commit/pulls
Actions https://github.com/pre-commit/pre-commit/actions
Security 0 https://github.com/pre-commit/pre-commit/security
Insights https://github.com/pre-commit/pre-commit/pulse
Code https://github.com/pre-commit/pre-commit
Issues https://github.com/pre-commit/pre-commit/issues
Pull requests https://github.com/pre-commit/pre-commit/pulls
Actions https://github.com/pre-commit/pre-commit/actions
Security https://github.com/pre-commit/pre-commit/security
Insights https://github.com/pre-commit/pre-commit/pulse
New issuehttps://github.com/login?return_to=https://github.com/pre-commit/pre-commit/issues/2325
New issuehttps://github.com/login?return_to=https://github.com/pre-commit/pre-commit/issues/2325
Very poor color contrast with dark themes. Potential fixes included.https://github.com/pre-commit/pre-commit/issues/2325#top
https://github.com/ralgar
https://github.com/ralgar
ralgarhttps://github.com/ralgar
on Apr 3, 2022https://github.com/pre-commit/pre-commit/issues/2325#issue-1190812089
#2268https://github.com/pre-commit/pre-commit/issues/2268
https://user-images.githubusercontent.com/59636191/161409703-65cc6c66-cf28-48a3-973f-1ca4a86412ce.png
https://user-images.githubusercontent.com/59636191/161409462-f6afd841-cb2e-4ce9-bc53-ade23025fbb0.png
https://user-images.githubusercontent.com/59636191/161409461-cd39f897-ad33-484e-bb0f-29a13f447d08.png
https://user-images.githubusercontent.com/59636191/161409519-78123747-3aef-40aa-8d55-0fe3b5948573.png
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.