Octavia/stellar-dark-theme-trilium
Watch
1
0
Fork
You've already forked stellar-dark-theme-trilium
 0
mirror of https://github.com/Lolabird/stellar-dark-theme-trilium.git synced 2026-10-18 11:16:58 -06:00
Code Issues Projects Releases Packages Wiki Activity

Refactor and icon style changes

Browse source 
Combined some style rules, got rid of the borders around the icons on hover and added hover color side bar icons.
This commit is contained in:
Octavia 2023-07-27 16:22:45 -06:00 • committed by GitHub
commit a4d56b93a9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
stellar-dark.css
View file

@ -125,6 +125,9 @@ html {
::-webkit-scrollbar-thumb{ ::-webkit-scrollbar-thumb{
background-color: transparent !important; background-color: transparent !important;
} }
::-webkit-scrollbar-thumb:hover{
border-color: var(--bright-sun) !important;
}
/*****TABS*****/ /*****TABS*****/
.tab-row-widget .note-tab .note-tab-wrapper { .tab-row-widget .note-tab .note-tab-wrapper {
@ -249,19 +252,16 @@ body blockquote{
} }
/***left (side and bottom) and upper right menus***/ /***left (side and bottom) and upper right menus***/
.icon-action, .tree-floating-button { .icon-action, .tree-floating-button, .top-btn button, .minimize-btn button, .maximize-btn button, .close-btn button {
color: var(--dim-sun) !important; color: var(--dim-sun) !important;
} }
.icon-action:hover, .tree-floating-button:hover { .icon-action:hover, .tree-floating-button:hover, .top-btn button:hover, .minimize-btn button:hover, .maximize-btn button:hover, .close-btn button:hover, button.button-widget:hover, .sync-status-widget:hover {
color: var(--bold-sun) !important;
}
.top-btn button, .minimize-btn button, .maximize-btn button, .close-btn button{
color: var(--dim-sun) !important;
}
.top-btn button:hover, .minimize-btn button:hover, .maximize-btn button:hover, .close-btn button:hover{
color: var(--bold-sun) !important; color: var(--bold-sun) !important;
border: none !important;
background: var(--supa-dark);
} }
/***tree***/ /***tree***/
/*note icon*/ /*note icon*/
.fancytree-custom-icon { .fancytree-custom-icon {