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);
@ -331,7 +334,35 @@ svg.jtk-connector path {
stroke: var(--shallow-sea-blue); stroke: var(--shallow-sea-blue);
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***/
@ -527,4 +558,4 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #c60101;}
/***code errors***/ /***code errors***/
.cm-s-default .cm-error {color: #f00;} .cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;} .cm-invalidchar {color: #f00;}