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

style(next): card style for options

Browse Source
This commit is contained in:
Elian Doran 2024-11-30 01:35:33 +02:00
parent 4ecf49b175
commit 131288bb4e
No known key found for this signature in database
1 changed files with 42 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -50,7 +50,7 @@
--center-pane-border-radius: 10px; --center-pane-border-radius: 10px;
--menu-padding-size: 8px; --menu-padding-size: 8px;
--menu-item-icon-vert-offset: 0; --menu-item-icon-vert-offset: 0;
} }
/* /*
@ -170,6 +170,12 @@
--mermaid-theme: default; --mermaid-theme: default;
--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: var(--accented-background-color);
--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);
} }
/* /*
@ -289,6 +295,12 @@
--mermaid-theme: dark; --mermaid-theme: dark;
--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: #363636;
--card-background-hover-color: #3c3c3c;
--card-background-press-color: #464646;
--card-border-color: #222222;
--card-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
} }
body ::-webkit-calendar-picker-indicator { body ::-webkit-calendar-picker-indicator {
@ -912,4 +924,33 @@ html .note-detail-editable-text :not(figure, .include-note):first-child {
.code-sample-wrapper .hljs { .code-sample-wrapper .hljs {
transition: background-color linear 100ms; transition: background-color linear 100ms;
}
/*
* Settings
*/
.options-section {
--card-padding: 17px;
--title-font-size: 1rem;
--title-offset: 13px;
border-radius: 12px;
border: 1px solid var(--card-border-color) !important;
box-shadow: var(--card-box-shadow);
background: var(--card-background-color);
padding: var(--card-padding);
margin-bottom: calc(var(--title-offset) + 26px) !important;
}
.options-section:first-of-type {
margin-top: calc(var(--title-offset) + var(--title-font-size));
}
.options-section h4 {
font-size: var(--title-font-size);
font-weight: bold;
color: var(--launcher-pane-text-color);
margin-top: calc(-1 * var(--card-padding) - var(--title-font-size) - var(--title-offset)) !important;
margin-bottom: calc(var(--title-offset) + var(--card-padding)) !important;
margin-left: calc(-1 * var(--card-padding));
} }