From 152a0f73f7637f05b04737f5698d59e307e7699e Mon Sep 17 00:00:00 2001 From: trilium-share-gruvbox Date: Fri, 28 Aug 2026 22:10:53 +0200 Subject: [PATCH] Subtle prev/next buttons: light tinted box, accent border on hover --- theme/blog_share_theme.css | 21 ++++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) diff --git a/theme/blog_share_theme.css b/theme/blog_share_theme.css index a4b560a..bbb2e9a 100644 --- a/theme/blog_share_theme.css +++ b/theme/blog_share_theme.css @@ -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; } \ No newline at end of file