Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-10 02:02:29 +08:00
Code Issues 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

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

@ -51,6 +51,8 @@
--menu-padding-size: 8px;
--menu-item-icon-vert-offset: 0;
--more-accented-background-color: var(--card-background-hover-color);
}
/*
@ -65,14 +67,13 @@
--main-background-color: white;
--main-text-color: black;
--main-border-color: #ccc;
--main-border-color: #dbdbdb;
--dropdown-border-color: #ccc;
--dropdown-shadow-opacity: .2;
--dropdown-item-icon-destructive-color: #ec5138;
--disabled-tooltip-icon-color: #004382;
--accented-background-color: #f5f5f5;
--more-accented-background-color: #ddd;
--accented-background-color: #f5f5f5;
--button-background-color: transparent;
--button-border-color: #ddd;
@ -94,7 +95,7 @@
--hover-item-background-color: #0000001a;
--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-border-color: transparent;
@ -175,7 +176,8 @@
--card-background-hover-color: #f9f9f9;
--card-background-press-color: #efefef;
--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);
}
/*
@ -187,8 +189,8 @@
--theme-style: dark;
--main-background-color: #333;
--main-text-color: #ccc;
--main-border-color: #aaa;
--main-text-color: #ccc;
--main-border-color: #454545;
--dropdown-border-color: #555;
--dropdown-shadow-opacity: .6;
--dropdown-item-icon-destructive-color: #de6e5b;
@ -196,7 +198,6 @@
--accented-background-color: #555;
--more-accented-background-color: #777;
--button-background-color: transparent;
--button-border-color: #ccc;
@ -218,7 +219,7 @@
--hover-item-background-color: #ffffff24;
--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-border-color: transparent;
@ -985,3 +986,61 @@ html .note-detail-editable-text :not(figure, .include-note):first-child {
padding: 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;
}