Skip to content

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

Colored underlines for visited and unvisited links, for high visibility

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;
    }
    
}

Reviews

No reviews yet.