Colored underlines for visited and unvisited links, for high visibility
hi_vis_links by braham_snyder
Details
Authorbraham_snyder
LicenseCRAPL
Categoryglobal
Created
Updated
Size2.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name hi_vis_links
@namespace braham_snyder
@author braham_snyder
@description Colored underlines for visited and unvisited links, for high visibility
@version 1.0.1
==/UserStyle== */
@-moz-document regexp(".*") {
/*
Makes links within running text more visible, and visited/unvisited text links more
distinct. Especially useful if you dim your screen and turn your screen redder at
night using eg f.lux, in which case the default text link colors otherwise look
similar to each other and to regular text.
I'm releasing this under CRAPL (even though obviously this is not scientific code), so
if you judge me for how shitty this file is I will 100% sue you.
https://matt.might.net/articles/crapl/
*/
a:link,
a:link * { /* IIRC That `*` is required for Google results. */
/* `underline wavy` is a louder option. */
text-decoration: underline double hsl(130, 100%, 30%) !important;
/*
One alternative implementation would be to force all text links to be eg green and orange
(unvisited and visited colors resp.), which remain distinct even after heavy
redshift, unlike the default blue and purple. The downside there is that you can't combine
that with `!important` because it will render effectively invisible any links that appear
in front of that same color background (eg green or orange buttons). And I like using
`!important`, because otherwise many links remain hard to see.
IIRC you can only change the color of the visited link text or the color of its
decorations -- you cannot eg add, change the shape of, or remove underlines from visited
links compared to univisted. IIRC it's a privacy risk: websites could otherwise figure out
which links you've visited by checking how they render (apparently they can't see mere
color changes).
*/
/*
Increased thickness might help make the visited vs non-visited colors
even more distinguishable from each other by color. But the following
is not yet supported by Stylus as of Apr 2022. Sounds like it should
work in the future though. */
text-decoration-thickness: 10%;
}
a:visited,
a:visited * {
text-decoration-color: hsl(30, 100%, 30%) !important;
}
}