@media screen and (prefers-color-scheme: dark) { :root:not([data-theme]) { --paper: #15140f; --paper-raised: #211f19; --paper-sunken: #0d0c09; --rule: #34322a; --rule-strong: #77736a; --ink: #f4f1e8; --ink-muted: #a9a496; --ink-inverse: #15140f; --marker-blue: #5b8fdb; --on-marker: #000000; --on-blue: #15140f; --blue-ink: #7aa7ea; --green-ink: #8fd48b; --pink-ink: #f7a6c9; --orange-ink: #fb9a4b; --red-pen: #ff7a6b; --shadow-lift: 0 1px 0 rgba(0,0,0,0.4), 0 12px 28px -12px rgba(0,0,0,0.7); } }
@media print { :root:not(#print), [data-theme="dark"]:not(#print) { --paper: #fbf9f3; --paper-raised: #ffffff; --paper-sunken: #f3f0e6; --rule: #e2ddcf; --rule-strong: #8c877b; --ink: #000000; --ink-muted: #55514a; --ink-inverse: #fbf9f3; --marker-yellow: #fbeb4b; --marker-pink: #f499bf; --marker-blue: #306abb; --marker-green: #7cc778; --marker-orange: #fa862d; --on-marker: #000000; --on-blue: #ffffff; --blue-ink: #2a5ba3; --green-ink: #2e7d32; --pink-ink: #b8326f; --orange-ink: #a64b08; --red-pen: #c22d22; --focus: var(--marker-blue); --selection: var(--marker-yellow); --shadow-lift: 0 1px 0 rgba(0,0,0,0.04), 0 10px 24px -14px rgba(0,0,0,0.28); } }