354 lines
15 KiB
Plaintext
354 lines
15 KiB
Plaintext
theme_id: paper-moments
|
|
name: 纸间时光 · Paper Moments
|
|
version: 1.9.2
|
|
author: NotesAgent
|
|
description: 奶油纸张、手帐虚线与粉蓝胶带，把每天的灵感好好收藏。
|
|
min_app_version: 0.2.0
|
|
is_dark: false
|
|
css_entry: theme.css
|
|
license: MIT
|
|
---
|
|
[data-theme="paper-moments"] {
|
|
--color-markdown-selection: #ecd3c7;
|
|
--color-editor-scroll-background: #fff9e9;
|
|
--color-editor-scroll-text: #875343;
|
|
--color-callout-info: #406b7b;
|
|
--color-callout-success: #536f43;
|
|
--color-callout-warning: #875f25;
|
|
--color-callout-danger: #a34e42;
|
|
--color-callout-important: #805c7e;
|
|
--color-callout-quote: #6e6053;
|
|
color-scheme: light;
|
|
--color-background-primary: #faf7ee;
|
|
--color-background-secondary: #f3eee3;
|
|
--color-background-tertiary: #ece5d7;
|
|
--color-background-hover: #f1e5da;
|
|
--color-background-active: #ecdbd2;
|
|
--color-background-overlay: rgba(65, 55, 45, .35);
|
|
--color-surface-primary: #fffdf5;
|
|
--color-surface-secondary: #f7f1e5;
|
|
--color-surface-elevated: #fffdf7;
|
|
--color-text-primary: #493f35;
|
|
--color-text-secondary: #6e6053;
|
|
--color-text-tertiary: #7d6b5e;
|
|
--color-text-inverse: #fffdf5;
|
|
--color-text-link: #875343;
|
|
--color-text-disabled: #9c9081;
|
|
--color-accent-primary: #875343;
|
|
--color-accent-primary-hover: #704334;
|
|
--color-accent-primary-active: #5e382b;
|
|
--color-accent-secondary: #a77a67;
|
|
--color-accent-soft: #f3e1d8;
|
|
--color-accent-soft-hover: #ecd3c7;
|
|
--color-border-default: #b5a693;
|
|
--color-border-subtle: #ded5c5;
|
|
--color-border-focus: #875343;
|
|
--color-border-disabled: #e2dacc;
|
|
--color-success: #526849;
|
|
--color-success-soft: #e5ecd9;
|
|
--color-warning: #806323;
|
|
--color-warning-soft: #faf0cb;
|
|
--color-error: #a0423c;
|
|
--color-error-soft: #f8e2dc;
|
|
--color-info: #456671;
|
|
--color-info-soft: #e1eef0;
|
|
--color-markdown-grid: #ded5c5;
|
|
--color-markdown-marker: #a77a67;
|
|
--color-markdown-table-header: #eee7d7;
|
|
--shadow-sm: 2px 3px 0 #e5ded0;
|
|
--shadow-md: 3px 4px 0 #dae5df, 6px 7px 0 #f0d8cf;
|
|
--shadow-lg: 4px 5px 0 #dae5df, 8px 9px 0 #f0d8cf;
|
|
--shadow-xl: 5px 6px 0 #dae5df, 10px 11px 0 #f0d8cf, 0 18px 42px #493f3520;
|
|
}
|
|
|
|
[data-theme="paper-moments"] body,
|
|
[data-theme="paper-moments"] .feature-page,
|
|
[data-theme="paper-moments"] .main-content {
|
|
background-color: var(--color-background-primary);
|
|
background-image: radial-gradient(#b5a69350 .8px, transparent .8px);
|
|
background-size: 20px 20px;
|
|
}
|
|
|
|
[data-theme="paper-moments"] .feature-header {
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
padding: 24px;
|
|
margin-top: 12px;
|
|
border: 1px solid #685949;
|
|
outline: 1px dashed #b5a693;
|
|
outline-offset: -8px;
|
|
border-radius: 12px 5px 12px 5px;
|
|
background: #fffdf5;
|
|
box-shadow: var(--shadow-md);
|
|
}
|
|
|
|
[data-theme="paper-moments"] .feature-header::before,
|
|
[data-theme="paper-moments"] .editor-preview::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: -10px;
|
|
left: 42%;
|
|
width: 86px;
|
|
height: 22px;
|
|
background: repeating-linear-gradient(45deg, #c5dfe0b0 0 8px, #daeceba0 8px 16px);
|
|
transform: rotate(-3deg);
|
|
pointer-events: none;
|
|
}
|
|
|
|
[data-theme="paper-moments"] .feature-header h1,
|
|
[data-theme="paper-moments"] .panel-title,
|
|
[data-theme="paper-moments"] .preview-heading h3 {
|
|
color: #875343;
|
|
font-family: Georgia, 'Noto Serif SC', 'Songti SC', SimSun, serif;
|
|
letter-spacing: .04em;
|
|
}
|
|
|
|
[data-theme="paper-moments"] .panel,
|
|
[data-theme="paper-moments"] .item-card {
|
|
border-color: #b5a693;
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-sm);
|
|
}
|
|
|
|
[data-theme="paper-moments"] .theme-card:nth-child(3n + 1) { background: #f8e9e3; }
|
|
[data-theme="paper-moments"] .theme-card:nth-child(3n + 2) { background: #e8f0f0; }
|
|
[data-theme="paper-moments"] .theme-card:nth-child(3n) { background: #fbf3d8; }
|
|
|
|
[data-theme="paper-moments"] .editor-preview {
|
|
position: relative;
|
|
border: 1px solid #685949;
|
|
border-radius: 4px 14px 4px 10px;
|
|
background-color: #fffef8;
|
|
background-image: linear-gradient(90deg, transparent 20px, #e9cfc780 20px 22px, transparent 22px), repeating-linear-gradient(transparent 0 31px, #b6c7bd55 31px 32px);
|
|
box-shadow: 4px 5px 0 #e3e9d7;
|
|
}
|
|
|
|
[data-theme="paper-moments"] .editor-preview::before {
|
|
background: repeating-linear-gradient(45deg, #e7bcb3b0 0 8px, #f2d4cba0 8px 16px);
|
|
}
|
|
|
|
[data-theme="paper-moments"] .modal { border-color: #685949; border-radius: 12px; }
|
|
[data-theme="paper-moments"] .upload-area { background: #fbf6e7; }
|
|
[data-theme="paper-moments"] .button-secondary { background: #fff9e5; }
|
|
|
|
[data-theme="paper-moments"] .workspace-view,
|
|
[data-theme="paper-moments"] .visual-editor {
|
|
background: radial-gradient(#b5a69355 .8px, transparent .8px) 0 0 / 20px 20px #f3eee3;
|
|
}
|
|
[data-theme="paper-moments"] .secondary-sidebar {
|
|
background: #fff9e9;
|
|
border-right: 1px dashed #b5a693;
|
|
}
|
|
[data-theme="paper-moments"] .primary-sidebar { background: #f1e9dc; }
|
|
[data-theme="paper-moments"] .file-tree-panel { background: #fff9e9; }
|
|
[data-theme="paper-moments"] .workspace-tabs { background: #e5eeee; border-bottom: 1px dashed #b5a693; }
|
|
[data-theme="paper-moments"] .workspace-tabs button[aria-selected="true"] { background: #f8e9e3; color: #875343; box-shadow: inset 0 -2px #a77a67; }
|
|
[data-theme="paper-moments"] .outline-filename { border-bottom: 1px dashed #b5a693; }
|
|
[data-theme="paper-moments"] .file-tree-panel .toolbar,
|
|
[data-theme="paper-moments"] .sidebar-header { background: #e5eeee; border-bottom: 1px dashed #b5a693; }
|
|
[data-theme="paper-moments"] .editor-header { background: #f8e9e3; border-bottom: 1px solid #b5a693; }
|
|
[data-theme="paper-moments"] .markdown-toolbar { background: #fff9e9; border-bottom: 1px dashed #b5a693; }
|
|
[data-theme="paper-moments"] .milkdown-host { padding: 30px 24px 40px; }
|
|
[data-theme="paper-moments"] .milkdown-host .milkdown { background: transparent; }
|
|
[data-theme="paper-moments"] .visual-editor .milkdown-host .ProseMirror {
|
|
width: 90%;
|
|
max-width: none;
|
|
position: relative;
|
|
min-height: calc(100vh - 220px);
|
|
padding: 44px 40px 60px 52px;
|
|
border: 1px solid #685949;
|
|
border-radius: 8px 16px 8px 8px;
|
|
/* Small repeated tiles retain the stitching without a document-height dashed outline. */
|
|
background:
|
|
linear-gradient(#c5b9a7 50%, transparent 50%) 10px 0 / 1px 8px repeat-y,
|
|
linear-gradient(#c5b9a7 50%, transparent 50%) calc(100% - 10px) 0 / 1px 8px repeat-y,
|
|
linear-gradient(90deg, #c5b9a7 50%, transparent 50%) 0 10px / 8px 1px repeat-x,
|
|
linear-gradient(90deg, #c5b9a7 50%, transparent 50%) 0 calc(100% - 10px) / 8px 1px repeat-x,
|
|
linear-gradient(90deg, transparent 32px, #e9cfc7 32px 34px, transparent 34px), #fffef8;
|
|
box-shadow: 6px 6px 0 #d8e6e2, 12px 12px 0 #f0d8cf;
|
|
}
|
|
[data-theme="paper-moments"] .milkdown-host .ProseMirror::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: -11px;
|
|
left: calc(50% - 48px);
|
|
width: 96px;
|
|
height: 24px;
|
|
background: repeating-linear-gradient(45deg, #e7bcb3c0 0 8px, #f2d4cbc0 8px 16px);
|
|
transform: rotate(-3deg);
|
|
pointer-events: none;
|
|
}
|
|
[data-theme="paper-moments"] .milkdown-host .ProseMirror > p {
|
|
background-image: repeating-linear-gradient(transparent 0 calc(1lh - 1px), #b6c7bd55 calc(1lh - 1px) 1lh);
|
|
}
|
|
[data-theme="paper-moments"] .milkdown-host .ProseMirror > :is(h1, h2, h3) { color: #875343; }
|
|
[data-theme="paper-moments"] .editor-pane.source { margin: 20px; width: calc(100% - 40px); border: 1px solid #b5a693; border-radius: 8px; background: #fffef8; box-shadow: var(--shadow-md); }
|
|
@media (max-width: 720px) {
|
|
[data-theme="paper-moments"] .milkdown-host { padding: 20px 12px 28px; }
|
|
[data-theme="paper-moments"] .visual-editor .milkdown-host .ProseMirror { width: 100%; padding: 30px 18px 40px 38px; }
|
|
}
|
|
|
|
/* Warm neutral surfaces preserve the contrast of the selected Shiki palette. */
|
|
[data-theme="paper-moments"][data-code-theme="github-light"] {
|
|
--color-code-background: #f1ecdf;
|
|
--color-code-text: #302b25;
|
|
--color-code-muted: #6d6256;
|
|
--color-code-border: #b1a18b;
|
|
}
|
|
[data-theme="paper-moments"][data-code-theme="github-dark"] {
|
|
--color-code-background: #282723;
|
|
--color-code-text: #f1e9da;
|
|
--color-code-muted: #bdb19f;
|
|
--color-code-border: #786b59;
|
|
}
|
|
[data-theme="paper-moments"] .milkdown-host .milkdown-code-block,
|
|
[data-theme="paper-moments"] .markdown-content .markdown-code-block {
|
|
position: relative;
|
|
padding-top: 34px;
|
|
padding-bottom: 30px;
|
|
border-color: var(--color-code-border);
|
|
box-shadow: 3px 4px 0 #d8cebd;
|
|
}
|
|
[data-theme="paper-moments"] .milkdown-code-block::before,
|
|
[data-theme="paper-moments"] .markdown-content .markdown-code-block::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 18px;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
background: #c77768;
|
|
box-shadow: 18px 0 0 #c9a65d, 36px 0 0 #819b75;
|
|
pointer-events: none;
|
|
}
|
|
[data-theme="paper-moments"] .milkdown-code-block::after,
|
|
[data-theme="paper-moments"] .markdown-content .markdown-code-block::after {
|
|
content: attr(data-language-label);
|
|
position: absolute;
|
|
right: 18px;
|
|
bottom: 9px;
|
|
max-width: calc(100% - 36px);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color: var(--color-code-muted);
|
|
font: 600 12px/1.4 var(--font-ui-mono);
|
|
pointer-events: none;
|
|
}
|
|
[data-theme="paper-moments"] .markdown-code-block .tools,
|
|
[data-theme="paper-moments"] .milkdown-code-block .tools { margin-left: 72px; }
|
|
[data-theme="paper-moments"] .milkdown-code-block .cm-activeLine,
|
|
[data-theme="paper-moments"] .milkdown-code-block .cm-activeLineGutter { background: color-mix(in srgb, var(--color-code-text) 7%, transparent); }
|
|
|
|
[data-theme="paper-moments"] .note-metadata {
|
|
position: relative;
|
|
width: 90%;
|
|
margin: 8px auto 30px;
|
|
padding: 24px 30px;
|
|
border: 1px solid #887460;
|
|
border-radius: 8px 14px 8px 8px;
|
|
outline: 1px dashed #c5b9a7;
|
|
outline-offset: -8px;
|
|
background: linear-gradient(110deg, #fffdf5, #fbf5e4);
|
|
box-shadow: 4px 5px 0 #d8e6e2, 8px 9px 0 #f0d8cf;
|
|
}
|
|
[data-theme="paper-moments"] .note-metadata::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: -10px;
|
|
right: 36px;
|
|
width: 78px;
|
|
height: 22px;
|
|
background: repeating-linear-gradient(45deg, #c5dfe0c0 0 8px, #daecebb0 8px 16px);
|
|
transform: rotate(3deg);
|
|
pointer-events: none;
|
|
}
|
|
[data-theme="paper-moments"] .metadata-caption { color: #806b58; letter-spacing: .12em; }
|
|
[data-theme="paper-moments"] .note-metadata h1 {
|
|
margin: 12px 0 18px;
|
|
color: #875343;
|
|
font-family: Georgia, 'Noto Serif SC', 'Songti SC', SimSun, serif;
|
|
font-size: clamp(20px, 2vw, 28px);
|
|
line-height: 1.4;
|
|
}
|
|
[data-theme="paper-moments"] .metadata-tags { padding-top: 14px; border-top: 1px dashed #c5b9a7; gap: 8px; }
|
|
[data-theme="paper-moments"] .metadata-tag { border: 1px solid #d6b5a8; border-radius: 5px; background: #f5e3da; color: #704b3d; }
|
|
[data-theme="paper-moments"] .metadata-tag:nth-of-type(2n + 1) { border-color: #b5cdcf; background: #e5eeee; color: #456671; }
|
|
[data-theme="paper-moments"] .metadata-tag button { border-radius: 3px; cursor: pointer; }
|
|
[data-theme="paper-moments"] .metadata-tag button:hover { background: #ffffff80; }
|
|
[data-theme="paper-moments"] .metadata-tags input { border-color: #b5a693; background: #fffdf580; }
|
|
[data-theme="paper-moments"] .metadata-tags form button { padding: 4px 10px; border: 1px solid #b5a693; border-radius: 5px; background: #f7edce; color: #704b3d; cursor: pointer; }
|
|
[data-theme="paper-moments"] .metadata-tags button:focus-visible { outline: 2px solid #875343; outline-offset: 2px; }
|
|
@media (max-width: 720px) {
|
|
[data-theme="paper-moments"] .note-metadata { width: 100%; padding: 22px 18px; }
|
|
}
|
|
|
|
|
|
/* Shared paper surfaces across settings, search, agents, media and extensions. */
|
|
[data-theme="paper-moments"] :is(.panel, .item-card, .event-card, .citation-card, .routing-card, .vault-card, .modal-card, .modal, .usage-chart) {
|
|
position: relative;
|
|
border: 1px solid #b5a693;
|
|
border-radius: 8px 14px 8px 8px;
|
|
outline: 1px dashed #d5c8b5;
|
|
outline-offset: -6px;
|
|
background-color: #fffdf5;
|
|
background-image: repeating-linear-gradient(transparent 0 31px, #b6c7bd18 31px 32px);
|
|
box-shadow: 3px 4px 0 #d8e6e2, 6px 7px 0 #f0d8cf;
|
|
}
|
|
[data-theme="paper-moments"] :is(.panel, .item-card, .event-card, .citation-card, .routing-card, .vault-card, .modal-card, .modal)::before {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 0 24px auto auto;
|
|
opacity: 1;
|
|
transform: none;
|
|
width: 48px;
|
|
height: 9px;
|
|
background: repeating-linear-gradient(45deg, #c5dfe0b0 0 6px, #daeceba0 6px 12px);
|
|
pointer-events: none;
|
|
}
|
|
[data-theme="paper-moments"] :is(.item-card, .event-card, .citation-card, .routing-card):nth-child(2n)::before {
|
|
background: repeating-linear-gradient(45deg, #e7bcb3b0 0 6px, #f2d4cba0 6px 12px);
|
|
}
|
|
[data-theme="paper-moments"] :is(.panel, .item-card, .routing-card, .vault-card) :is(h2, h3, h4) {
|
|
font-family: Georgia, 'Noto Serif SC', 'Songti SC', SimSun, serif;
|
|
color: #875343;
|
|
}
|
|
[data-theme="paper-moments"] .usage-chart { background-color: #fbf7ea; }
|
|
[data-theme="paper-moments"] .usage-grid > div { padding: 12px; border: 1px dashed #d5c8b5; border-radius: 5px; background: #fffdf580; }
|
|
|
|
[data-theme="paper-moments"] .chart-readout,
|
|
[data-theme="paper-moments"] .pie-pane,
|
|
[data-theme="paper-moments"] .cache-explanation {
|
|
background-color: #fffdf5;
|
|
border-color: #c5b9a7;
|
|
}
|
|
[data-theme="paper-moments"] .cache-explanation { padding: 12px; border: 1px dashed #c5b9a7; border-radius: 6px; }
|
|
[data-theme="paper-moments"] .cache-explanation summary { color: #875343; cursor: pointer; }
|
|
[data-theme="paper-moments"] .chart-column.highlighted { background: #f3e1d8; }
|
|
[data-theme="paper-moments"] .diagram-viewer { box-shadow: var(--shadow-lg); }
|
|
|
|
[data-theme="paper-moments"] .ui-disclosure { border: 1px dashed #c5b9a7; background: #fffdf5; border-radius: 6px; }
|
|
[data-theme="paper-moments"] .ui-disclosure > summary { color: #875343; }
|
|
[data-theme="paper-moments"] .ui-disclosure[open] > summary { border-bottom: 1px dashed #c5b9a7; background: #f7eddb; }
|
|
[data-theme="paper-moments"] select { border-color: #b5a693; }
|
|
@supports (appearance: base-select) {
|
|
[data-theme="paper-moments"] ::picker(select) { border: 1px solid #b5a693; outline: 1px dashed #d5c8b5; outline-offset: -4px; background: #fffdf5; box-shadow: var(--shadow-md); }
|
|
}
|
|
|
|
/* Nested choices retain a quiet paper border without repeating tape/shadows. */
|
|
[data-theme="paper-moments"] .surface-nested { border: 1px dashed #c5b9a7; background: #fffdf5; border-radius: 6px; }
|
|
[data-theme="paper-moments"] .surface-nested.selected { border-color: var(--color-accent-primary); background: var(--color-accent-soft); }
|
|
|
|
/* Callout paper: no tape over titles, no repeated shadows in nested blocks. */
|
|
[data-theme="paper-moments"] .markdown-callout,
|
|
[data-theme="paper-moments"] .milkdown .ProseMirror blockquote.markdown-callout {
|
|
border-radius: 10px 3px 10px 3px;
|
|
outline: 1px dashed color-mix(in srgb, var(--callout-color) 30%, transparent);
|
|
outline-offset: -6px;
|
|
box-shadow: 3px 3px 0 color-mix(in srgb, var(--callout-color) 12%, transparent);
|
|
padding: 14px 18px;
|
|
}
|
|
[data-theme="paper-moments"] .markdown-callout .markdown-callout { box-shadow: none; }
|
|
[data-theme="paper-moments"] .markdown-callout > .callout-title { font-family: Georgia, 'Noto Serif SC', 'Songti SC', SimSun, serif; }
|