1html, body {
2 margin: 0;
3 padding: 6px 8px;
4 background: var(--znote-editor-bg, transparent);
5 color: var(--znote-editor-color, #dfe4ec);
6 font: 14px/1.55 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
7 word-wrap: break-word;
8 caret-color: var(--znote-editor-color, #dfe4ec);
9}
10
11body { min-height: 100%; }
12
13html[data-znote-editor-scheme="light"], html[data-znote-editor-scheme="light"] body {
14 color: var(--znote-editor-color, #1c1f27);
15}
16
17html[data-acp-theme="dark"], html[data-acp-theme="dark"] body,
18html[data-znote-editor-scheme="dark"], html[data-znote-editor-scheme="dark"] body {
19 color: var(--znote-editor-color, #c8cedb);
20}
21
22a { color: var(--znote-editor-link, #b9762a); }
23html[data-acp-theme="dark"] a,
24html[data-znote-editor-scheme="dark"] a {
25 color: var(--znote-editor-link, #d9a441);
26}
27
28::selection {
29 background: var(--znote-editor-selection-bg, #0b65c2);
30 color: var(--znote-editor-selection-color, #ffffff);
31}
32
33img {
34 max-width: 100%;
35 height: auto;
36}
37
38blockquote {
39 margin: 8px 0;
40 padding: 6px 12px;
41 border-left: 3px solid #d9a441;
42 background: rgba(0, 0, 0, .05);
43}
44html[data-acp-theme="dark"] blockquote { background: rgba(255, 255, 255, .04); }
45
46code, pre {
47 font-family: Consolas, "Courier New", monospace;
48 background: rgba(0, 0, 0, .08);
49}
50html[data-acp-theme="dark"] code, html[data-acp-theme="dark"] pre { background: rgba(0, 0, 0, .3); }
51
52pre {
53 padding: 8px 10px;
54 overflow-x: auto;
55}
56
57ul, ol { padding-left: 22px; }
58