From 3ab7c1375f6537c1d629f38aca0630155e185178 Mon Sep 17 00:00:00 2001 From: Lolabird <89228316+Lolabird@users.noreply.github.com> Date: Sat, 19 Feb 2022 19:48:26 -0500 Subject: [PATCH] Additional styling for latest trilium update Added styling to the new backlinks feature and edited colors of the newly added hover features for the tabs. --- stellar-dark.css | 35 +++++++++++++++++++++++++++++++++-- 1 file changed, 33 insertions(+), 2 deletions(-) diff --git a/stellar-dark.css b/stellar-dark.css index f3b699b..295210f 100644 --- a/stellar-dark.css +++ b/stellar-dark.css @@ -108,6 +108,9 @@ html { --active-tab-text-color: var(--background-gray); --inactive-tab-background-color: var(--midish-gray); --inactive-tab-text-color: var(--text-gray); + --active-tab-hover-background-color: var(--text-gray); + --inactive-tab-hover-background-color: var(--earth-sun); + /*general*/ --scrollbar-border-color: var(--dim-sun); @@ -331,7 +334,35 @@ svg.jtk-connector path { stroke: var(--shallow-sea-blue); fill: none !important; } - + +/*****BACKLINKS POPUP*****/ +div.backlinks-items { + z-index: 10; + position: absolute; + top: 50px; + right: 10px; + width: 400px; + border-radius: 10px; + background-color: var(--supa-dark); + color: var(--text-gray); + padding: 20px; + overflow-y: auto; + box-shadow: 2px 2px 5px var(--text-gray); +} +.backlink-excerpt .backlink-link { + background-color: var(--midish-gray) !important; +} +.backlink-excerpt:hover { + background-color: var(--earth-sun); +} +.backlinks-ticker:hover { + background-color: var(--earth-sun); +} + +.nav-link.active:hover { + background-color: var(--earth-sun) !important; +} + /*****CODE IN TEXT NOTES)*****/ /***code blocks***/ @@ -527,4 +558,4 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #c60101;} /***code errors***/ .cm-s-default .cm-error {color: #f00;} -.cm-invalidchar {color: #f00;} +.cm-invalidchar {color: #f00;} \ No newline at end of file