Change unvisited hyperlink colour in single page

[Anthony Ori]

First of all, fantastic theme! And great documentation too.

But I have stumbled on the following issue, as per the title: I need to change the colour of unvisited hyperlinks in a single page.

What I did is create a _custom.scss which changed the colour of the anchor links, but it changed it for the entire site (including home page with the list of posts, and categories page, etc.).

At the moment hyperlinks are barely visible (the underline is noticeable but not immediately), unless when hovering.

In essence, I would like to have the same colour you get while hovering, but as default state and only in a single blog entry.

If this has already been addressed, feel free to close.

[reuixiy]

Hi @acheronte,

Just refer to the following code:

hugo-theme-meme/assets/scss/layout/_single.scss

Lines 22 to 31 in 159652e

 .post-body { 
     margin-top: 5em !important; 
     a { 
         text-decoration: underline; 
         text-decoration-color: var(--color-contrast-low); 
         &:hover { 
             text-decoration-color: alpha(var(--color-primary), 0.5); 
         } 
     } 
 } 

Hope this helps.

[Anthony Ori]

I just tried that and it worked like a charm. Thanks!