Link styling: remove arrow markers on internal links, keep ↗ only on external-domain links, inline text links colour-only, prev/next as buttons

This commit is contained in:
trilium-share-gruvbox
2026-08-28 22:09:28 +02:00
parent 5eacadd574
commit 7a8b2c7619
+49
View File
@@ -1547,3 +1547,52 @@ html.theme-light pre.code-processed .code-wrap::-webkit-scrollbar-track,
html.theme-light .hljs-ln-code::-webkit-scrollbar-track { html.theme-light .hljs-ln-code::-webkit-scrollbar-track {
background: #ebdbb2; background: #ebdbb2;
} }
/* ---------- Link icons / markers: internal links without arrow, external links keep a marker ---------- */
#content a::after,
#content a::before,
#content-footer .navigation a::after,
#content-footer .navigation a::before,
a.next::after,
a.previous::before {
content: none !important;
}
#content a[href^="http://"]:not([href^="https://YOUR-INSTANCE.example.com"])::after,
#content a[href^="https://"]:not([href^="https://YOUR-INSTANCE.example.com"])::after {
content: " ↗" !important;
display: inline-block;
margin-left: 3px;
font-size: 0.85em;
color: var(--text-link);
}
/* inline text links (in paragraphs/lists): colour only */
#content p a:not([class]),
#content li a:not([class]) {
color: var(--text-link);
text-decoration: none;
background: transparent;
border: 0;
padding: 0;
border-radius: 0;
}
#content p a:not([class]):hover,
#content li a:not([class]):hover {
color: var(--text-heading);
background: transparent;
}
/* action links as buttons (pagination / prev-next already boxed, blog-pn gets a box) */
.blog-pn {
padding: 6px 14px;
border: 1px solid var(--background-highlight);
border-radius: 8px;
background: var(--background-secondary);
}
.blog-pn:hover {
background: var(--background-highlight);
border-color: var(--text-link);
}