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.
This commit is contained in:
Lolabird 2022-02-19 19:48:26 -05:00 • committed by GitHub
commit 3ab7c1375f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -108,6 +108,9 @@ html {
--active-tab-text-color: var(--background-gray); --active-tab-text-color: var(--background-gray);
--inactive-tab-background-color: var(--midish-gray); --inactive-tab-background-color: var(--midish-gray);
--inactive-tab-text-color: var(--text-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*/ /*general*/
--scrollbar-border-color: var(--dim-sun); --scrollbar-border-color: var(--dim-sun);
@ -332,6 +335,34 @@ svg.jtk-connector path {
fill: none !important; 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 IN TEXT NOTES)*****/
/***code blocks***/ /***code blocks***/