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; 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 { .blog-pn {
padding: 6px 14px; padding: 6px 14px;
border: 1px solid var(--background-highlight); border: 1px solid rgba(131, 165, 152, 0.35);
border-radius: 8px; 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 { .blog-pn:hover {
background: var(--background-highlight); background: rgba(131, 165, 152, 0.18);
border-color: var(--text-link); border-color: #83a598;
}
html.theme-light .blog-pn:hover {
background: rgba(7, 102, 120, 0.15);
border-color: #076678;
} }