Octavia/ocean-dark-trilium-theme
Watch
1
0
Fork
You've already forked ocean-dark-trilium-theme
 0
mirror of https://github.com/Lolabird/ocean-dark-trilium-theme.git synced 2026-10-26 14:44:40 -06:00
Code Issues Projects Releases Packages Wiki Activity

Adjust icon and hover colors

Browse source
This commit is contained in:
lolabird 2025-01-11 23:45:07 -07:00
commit 09c9031609
No known key found for this signature in database
GPG key ID: 1A741DA554A3B0CF
1 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
ocean-dark.css
View file

@ -211,7 +211,7 @@ html {
/*left and bottom left menus*/ /*left and bottom left menus*/
--launcher-pane-background-color: var(--main-background); --launcher-pane-background-color: var(--main-background);
--launcher-pane-text-color: var(--main-text-color); --launcher-pane-text-color: var(--dark-gray);
/*tabs*/ /*tabs*/
--active-tab-background-color: var(--carolina-blue); --active-tab-background-color: var(--carolina-blue);
@ -222,7 +222,7 @@ html {
--inactive-tab-hover-background-color: var(--deep-blue); --inactive-tab-hover-background-color: var(--deep-blue);
/*general*/ /*general*/
--scrollbar-border-color: var(--main-text-color); --scrollbar-border-color: var(--dark-gray);
--tooltip-background-color: var(--main-background); --tooltip-background-color: var(--main-background);
--link-color: var(--light-turquoise); --link-color: var(--light-turquoise);
@ -489,11 +489,11 @@ a > i, a > em, a > b, a > strong {
color: var(--devils-gray-lol); color: var(--devils-gray-lol);
} }
.note-icon:hover::before { .note-icon:hover::before {
color: var(--main-text-color); color: var(--carolina-blue);
border-color: var(--main-text-color) !important; /*not working*/ border-color: var(--carolina-blue) !important; /*not working*/
} }
.note-icon:focus::before, .bx-calendar:focus::before { .note-icon:focus::before, .bx-calendar:focus::before {
color: var(--main-text-color); color: var(--carolina-blue);
} }
.icon-list { .icon-list {
color: var(--soft-sea-green); color: var(--soft-sea-green);
@ -504,15 +504,16 @@ a > i, a > em, a > b, a > strong {
color: var(--devils-gray-lol); color: var(--devils-gray-lol);
} }
.ribbon-tab-title-icon:hover { .ribbon-tab-title-icon:hover {
color: var(--main-text-color); color: var(--carolina-blue);
} }
/***launcher, floating tree, icon action and title bar buttons***/ /***launcher, floating tree, icon action and title bar buttons***/
div.title-bar-buttons.component button, button.icon-action, .icon-action { div.title-bar-buttons.component button, button.icon-action, .icon-action {
color: var(--main-text-color) !important; color: var(--dark-gray) !important;
} }
button.tree-floating-button { button.tree-floating-button {
color: var(--carolina-blue) !important; color: var(--carolina-blue) !important;
border-color: var(--carolina-blue);
} }
#launcher-pane .launcher-button:hover, button.tree-floating-button:hover, .title-bar-buttons div:hover button, button.icon-action:hover, .icon-action:hover { #launcher-pane .launcher-button:hover, button.tree-floating-button:hover, .title-bar-buttons div:hover button, button.icon-action:hover, .icon-action:hover {
color: var(--carolina-blue) !important; color: var(--carolina-blue) !important;
@ -1095,7 +1096,7 @@ code.hljs {
} }
.theme-selection.component { .theme-selection.component {
--background-hover-dark: var(--carolina-blue) !important; --background-hover-dark: var(--carolina-blue) !important;
--icon-dark: var(--main-text-color) !important; --icon-dark: var(--dark-gray) !important;
} }
.theme-selection.component:hover { .theme-selection.component:hover {
--icon-dark: var(--deep-blue) !important; --icon-dark: var(--deep-blue) !important;