gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-10 08:29:00 +01:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity

style/note cards: improve style, remove no longer unused CSS variables

Browse Source
This commit is contained in:
Adorian Doran 2025-11-09 14:43:59 +02:00
parent 2f3be96dff
commit 21b0ef9554
4 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/client/src/stylesheets/theme-next-dark.css
View File

@ -230,8 +230,7 @@
--code-block-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); --code-block-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
--card-background-color: #ffffff12; --card-background-color: #ffffff12;
--card-background-hover-color: #3c3c3c; --card-background-hover-color: #ffffff20;
--card-background-press-color: #464646;
--card-border-color: transparent; --card-border-color: transparent;
--card-box-shadow: none; --card-box-shadow: none;

3
apps/client/src/stylesheets/theme-next-light.css
View File

@ -229,8 +229,7 @@
--code-block-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.2); --code-block-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.2);
--card-background-color: #0000000d; --card-background-color: #0000000d;
--card-background-hover-color: #f9f9f9; --card-background-hover-color: #0000001c;
--card-background-press-color: #efefef;
--card-border-color: transparent; --card-border-color: transparent;
--card-shadow-color: rgba(0, 0, 0, 0.1); --card-shadow-color: rgba(0, 0, 0, 0.1);
--card-box-shadow: none; --card-box-shadow: none;

14
apps/client/src/stylesheets/theme-next/base.css
View File

@ -494,6 +494,15 @@ li.dropdown-item a.dropdown-item-button:focus-visible {
margin: 5px 10px 5px 0; margin: 5px 10px 5px 0;
} }
:root .note-list .note-book-card:hover {
background-color: var(--card-background-hover-color);
transition: background-color 200ms ease-out;
}
:root .note-list .note-book-card:active {
transform: scale(.98);
}
.note-list.list-view .note-book-card { .note-list.list-view .note-book-card {
box-shadow: 0 0 3px var(--card-shadow-color); box-shadow: 0 0 3px var(--card-shadow-color);
} }
@ -502,10 +511,6 @@ li.dropdown-item a.dropdown-item-button:focus-visible {
vertical-align: middle; vertical-align: middle;
} }
.note-list-wrapper .note-book-card:active {
background-color: var(--card-background-press-color);
}
.note-list-wrapper .note-book-card a { .note-list-wrapper .note-book-card a {
color: inherit !important; color: inherit !important;
} }
@ -587,7 +592,6 @@ li.dropdown-item a.dropdown-item-button:focus-visible {
} }
.note-list.grid-view .note-book-card:hover { .note-list.grid-view .note-book-card:hover {
background: var(--card-background-color) !important;
filter: contrast(105%); filter: contrast(105%);
} }

2
apps/client/src/stylesheets/theme-next/pages.css
View File

@ -101,7 +101,7 @@
.sql-table-schemas-widget .sql-table-schemas button:hover, .sql-table-schemas-widget .sql-table-schemas button:hover,
.sql-table-schemas-widget .sql-table-schemas button:active, .sql-table-schemas-widget .sql-table-schemas button:active,
.sql-table-schemas-widget .sql-table-schemas button:focus-visible { .sql-table-schemas-widget .sql-table-schemas button:focus-visible {
--background: var(--card-background-press-color); --background: var(--card-background-hover-color);
--color: var(--main-text-color); --color: var(--main-text-color);
} }