gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-30 19:19:03 +01:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

style(next): carry over note list style from GNOME theme

Browse Source
This commit is contained in:
Elian Doran 2024-11-30 02:44:36 +02:00
parent c1d44f80d3
commit 978bb5eb0b
No known key found for this signature in database
1 changed files with 68 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/public/stylesheets/theme-next.css
View File

@ -51,6 +51,8 @@
--menu-padding-size: 8px; --menu-padding-size: 8px;
--menu-item-icon-vert-offset: 0; --menu-item-icon-vert-offset: 0;
--more-accented-background-color: var(--card-background-hover-color);
} }
/* /*
@ -65,14 +67,13 @@
--main-background-color: white; --main-background-color: white;
--main-text-color: black; --main-text-color: black;
--main-border-color: #ccc; --main-border-color: #dbdbdb;
--dropdown-border-color: #ccc; --dropdown-border-color: #ccc;
--dropdown-shadow-opacity: .2; --dropdown-shadow-opacity: .2;
--dropdown-item-icon-destructive-color: #ec5138; --dropdown-item-icon-destructive-color: #ec5138;
--disabled-tooltip-icon-color: #004382; --disabled-tooltip-icon-color: #004382;
--accented-background-color: #f5f5f5; --accented-background-color: #f5f5f5;
--more-accented-background-color: #ddd;
--button-background-color: transparent; --button-background-color: transparent;
--button-border-color: #ddd; --button-border-color: #ddd;
@ -94,7 +95,7 @@
--hover-item-background-color: #0000001a; --hover-item-background-color: #0000001a;
--hover-item-border-color: transparent; --hover-item-border-color: transparent;
--active-item-text-color: black; --active-item-text-color: var(--left-pane-text-color);
--active-item-background-color: #ddd; --active-item-background-color: #ddd;
--active-item-border-color: transparent; --active-item-border-color: transparent;
@ -175,7 +176,8 @@
--card-background-hover-color: #f9f9f9; --card-background-hover-color: #f9f9f9;
--card-background-press-color: #efefef; --card-background-press-color: #efefef;
--card-border-color: #eaeaea; --card-border-color: #eaeaea;
--card-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); --card-shadow-color: rgba(0, 0, 0, 0.1);
--card-box-shadow: 0 0 12px var(--card-shadow-color);
} }
/* /*
@ -188,7 +190,7 @@
--main-background-color: #333; --main-background-color: #333;
--main-text-color: #ccc; --main-text-color: #ccc;
--main-border-color: #aaa; --main-border-color: #454545;
--dropdown-border-color: #555; --dropdown-border-color: #555;
--dropdown-shadow-opacity: .6; --dropdown-shadow-opacity: .6;
--dropdown-item-icon-destructive-color: #de6e5b; --dropdown-item-icon-destructive-color: #de6e5b;
@ -196,7 +198,6 @@
--accented-background-color: #555; --accented-background-color: #555;
--more-accented-background-color: #777;
--button-background-color: transparent; --button-background-color: transparent;
--button-border-color: #ccc; --button-border-color: #ccc;
@ -218,7 +219,7 @@
--hover-item-background-color: #ffffff24; --hover-item-background-color: #ffffff24;
--hover-item-border-color: transparent; --hover-item-border-color: transparent;
--active-item-text-color: black; --active-item-text-color: var(--left-pane-text-color);
--active-item-background-color: #777; --active-item-background-color: #777;
--active-item-border-color: transparent; --active-item-border-color: transparent;
@ -985,3 +986,61 @@ html .note-detail-editable-text :not(figure, .include-note):first-child {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
/*
* Note list
*/
.note-list-wrapper .note-book-card {
background-color: var(--card-background-color);
border: 1px solid var(--card-border-color) !important;
box-shadow: 2px 3px 4px var(--card-shadow-color);
border-radius: 12px;
user-select: none;
padding: 15px 22px;
margin: 5px 10px 5px 0;
}
.note-list-wrapper .note-book-card:active {
background-color: var(--card-background-press-color);
}
.note-list-wrapper .note-book-card a {
color: inherit !important;
}
.note-list-wrapper .note-book-card .note-book-header {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 0.25em;
}
.note-list-wrapper .note-book-card .note-book-header .note-icon {
font-size: 17px;
vertical-align: text-bottom;
}
.note-list-wrapper .note-book-card .note-book-header .note-book-title {
font-size: 1em;
color: var(--active-item-text-color);
vertical-align: middle;
}
.note-list-wrapper .note-book-card .note-book-header .note-book-content {
padding: 0 !important;
font-size: 0.8rem;
}
.note-list-wrapper .note-book-card .note-book-header .note-book-content h1,
.note-list-wrapper .note-book-card .note-book-header .note-book-content h2,
.note-list-wrapper .note-book-card .note-book-header .note-book-content h3,
.note-list-wrapper .note-book-card .note-book-header .note-book-content h4,
.note-list-wrapper .note-book-card .note-book-header .note-book-content h5,
.note-list-wrapper .note-book-card .note-book-header .note-book-content h6 {
font-size: 1rem;
color: var(--active-item-text-color);
}
.note-list-wrapper .note-book-card .bx {
color: var(--left-pane-icon-color);
font-weight: bold;
}