Color gradient for files age
See original GitHub issueDescription
Hi
I’m constantly looking for new GitHub projects and one thing that I care the most is maintenance activity (e.g. date of last commit). So, I created a little extension, which runs only on GitHub pages. So fresh commits would become green and old — red.
Array.from(document.querySelectorAll('[datetime]')).map(x =>
x.innerHTML = `<span style='filter: sepia(1) saturate(80) hue-rotate(${100 - 25 * (new Date() - new Date(x.getAttribute('datetime')))/(365 * 24 * 60 * 60 * 1000)}deg);'>${x.innerText}</span>`
)
You can paste this in console on any repository page
Maybe it would be interesting for you to merge if I would create a PR?
Screenshot
Example URL
Issue Analytics
- State:
- Created 2 years ago
- Reactions:2
- Comments:19 (16 by maintainers)
Top Results From Across the Web
Using Color Gradients to Improve Your Visuals
A good way to improve this visual is to change it into a 100% Stacked bar chart and use color gradients to easily...
Read more >A Complete Guide to CSS Gradients
A gradient going from top to bottom is again at 90deg only in the old spec from ages ago. In this new spec,...
Read more >Color gradients reflect an inside-out growth in early-type ...
We explain the observed radial trends of color gradients as a result of the ages and metallicities of the respective stellar populations. Red...
Read more >Color Gradients along the Quiescent Galaxy Sequence
The strength of color gradients in quiescent galaxies is a clear function of age, with older galaxies exhibiting stronger negative color gradients (i.e.,...
Read more >Color gradient - Wikipedia
In color science, a color gradient specifies a range of position-dependent colors, usually used to fill a region. A linear, or axial, color...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I like it. Let’s go! 🛳
Anyone can take this up as I am away for the next week.
If not I will do it.