Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-10-31 13:01:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve tabs background coloring (#2395)

Browse Source 
* improved tabs background coloring

* improvements

* reverted changes

* color improvements

* added light theme
This commit is contained in:
Myzel394 2021-12-05 12:07:53 +00:00 committed by GitHub
parent 64f1671566
commit 2f5f116345
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/public/app/widgets/tab_row.js
View File

@ -187,6 +187,14 @@ const TAB_ROW_TPL = `
cursor: pointer; cursor: pointer;
} }
.tab-row-widget .note-tab:hover .note-tab-wrapper {
background-color: var(--inactive-tab-hover-background-color);
}
.tab-row-widget .note-tab[active]:hover .note-tab-wrapper {
background-color: var(--active-tab-hover-background-color);
}
.tab-row-widget .note-tab .note-tab-close:hover { .tab-row-widget .note-tab .note-tab-close:hover {
background-color: var(--hover-item-background-color); background-color: var(--hover-item-background-color);
color: var(--hover-item-text-color); color: var(--hover-item-text-color);

2
src/public/stylesheets/theme-dark.css
View File

@ -54,9 +54,11 @@
--launcher-pane-text-color: #AAAAAA; --launcher-pane-text-color: #AAAAAA;
--active-tab-background-color: #666; --active-tab-background-color: #666;
--active-tab-hover-background-color: #737373;
--active-tab-text-color: #ccc; --active-tab-text-color: #ccc;
--inactive-tab-background-color: #444; --inactive-tab-background-color: #444;
--inactive-tab-hover-background-color: #525252;
--inactive-tab-text-color: #bbb; --inactive-tab-text-color: #bbb;
--scrollbar-border-color: #888; --scrollbar-border-color: #888;

2
src/public/stylesheets/theme-light.css
View File

@ -58,9 +58,11 @@ html {
--launcher-pane-text-color: #333; --launcher-pane-text-color: #333;
--active-tab-background-color: #ddd; --active-tab-background-color: #ddd;
--active-tab-hover-background-color: #d1d1d1;
--active-tab-text-color: black; --active-tab-text-color: black;
--inactive-tab-background-color: #f0f0f0; --inactive-tab-background-color: #f0f0f0;
--inactive-tab-hover-background-color: #e3e3e3;
--inactive-tab-text-color: #666; --inactive-tab-text-color: #666;
--scrollbar-border-color: #ddd; --scrollbar-border-color: #ddd;