zink/trilium_share_gruvbox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Subtle prev/next buttons: light tinted box, accent border on hover

Browse Source
This commit is contained in:
trilium-share-gruvbox
2026-08-28 22:10:53 +02:00
parent 7a8b2c7619
commit 152a0f73f7
1 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/blog_share_theme.css
+16 -5
View File
@@ -1584,15 +1584,26 @@ a.previous::before {
background: transparent;
}
/* action links as buttons (pagination / prev-next already boxed, blog-pn gets a box) */
/* action links as buttons (subtle tint, noticeable on hover) */
.blog-pn {
padding: 6px 14px;
border: 1px solid var(--background-highlight);
border: 1px solid rgba(131, 165, 152, 0.35);
border-radius: 8px;
background: var(--background-secondary);
background: rgba(131, 165, 152, 0.08);
transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}
html.theme-light .blog-pn {
border-color: rgba(7, 102, 120, 0.35);
background: rgba(7, 102, 120, 0.08);
}
.blog-pn:hover {
background: var(--background-highlight);
border-color: var(--text-link);
background: rgba(131, 165, 152, 0.18);
border-color: #83a598;
}
html.theme-light .blog-pn:hover {
background: rgba(7, 102, 120, 0.15);
border-color: #076678;
}