typora-theme/themeable.css

1980 lines
162 KiB
CSS
Raw Permalink Normal View History

2022-11-07 11:43:25 +08:00
/*!
* typora-themeable
* v1.0.2
* https://github.com/jhildenbiddle/typora-themeable
* (c) 2022 John Hildenbiddle <http://hildenbiddle.com>
* MIT license
*/
:root{
--red-50:#fef2f2;
--red-100:#fee2e2;
--red-200:#fecaca;
--red-300:#fca5a5;
--red-400:#f87171;
--red-500:#ef4444;
--red-600:#dc2626;
--red-700:#b91c1c;
--red-800:#991b1b;
--red-900:#7f1d1d;
--orange-50:#fff7ed;
--orange-100:#ffedd5;
--orange-200:#fed7aa;
--orange-300:#fdba74;
--orange-400:#fb923c;
--orange-500:#f97316;
--orange-600:#ea580c;
--orange-700:#c2410c;
--orange-800:#9a3412;
--orange-900:#7c2d12;
--amber-50:#fffbeb;
--amber-100:#fef3c7;
--amber-200:#fde68a;
--amber-300:#fcd34d;
--amber-400:#fbbf24;
--amber-500:#f59e0b;
--amber-600:#d97706;
--amber-700:#b45309;
--amber-800:#92400e;
--amber-900:#78350f;
--yellow-50:#fefce8;
--yellow-100:#fef9c3;
--yellow-200:#fef08a;
--yellow-300:#fde047;
--yellow-400:#facc15;
--yellow-500:#eab308;
--yellow-600:#ca8a04;
--yellow-700:#a16207;
--yellow-800:#854d0e;
--yellow-900:#713f12;
--lime-50:#f7fee7;
--lime-100:#ecfccb;
--lime-200:#d9f99d;
--lime-300:#bef264;
--lime-400:#a3e635;
--lime-500:#84cc16;
--lime-600:#65a30d;
--lime-700:#4d7c0f;
--lime-800:#3f6212;
--lime-900:#365314;
--green-50:#f0fdf4;
--green-100:#dcfce7;
--green-200:#bbf7d0;
--green-300:#86efac;
--green-400:#4ade80;
--green-500:#22c55e;
--green-600:#16a34a;
--green-700:#15803d;
--green-800:#166534;
--green-900:#14532d;
--emerald-50:#ecfdf5;
--emerald-100:#d1fae5;
--emerald-200:#a7f3d0;
--emerald-300:#6ee7b7;
--emerald-400:#34d399;
--emerald-500:#10b981;
--emerald-600:#059669;
--emerald-700:#047857;
--emerald-800:#065f46;
--emerald-900:#064e3b;
--teal-50:#f0fdfa;
--teal-100:#ccfbf1;
--teal-200:#99f6e4;
--teal-300:#5eead4;
--teal-400:#2dd4bf;
--teal-500:#14b8a6;
--teal-600:#0d9488;
--teal-700:#0f766e;
--teal-800:#115e59;
--teal-900:#134e4a;
--cyan-50:#ecfeff;
--cyan-100:#cffafe;
--cyan-200:#a5f3fc;
--cyan-300:#67e8f9;
--cyan-400:#22d3ee;
--cyan-500:#06b6d4;
--cyan-600:#0891b2;
--cyan-700:#0e7490;
--cyan-800:#155e75;
--cyan-900:#164e63;
--sky-50:#f0f9ff;
--sky-100:#e0f2fe;
--sky-200:#bae6fd;
--sky-300:#7dd3fc;
--sky-400:#38bdf8;
--sky-500:#0ea5e9;
--sky-600:#0284c7;
--sky-700:#0369a1;
--sky-800:#075985;
--sky-900:#0c4a6e;
--blue-50:#eff6ff;
--blue-100:#dbeafe;
--blue-200:#bfdbfe;
--blue-300:#93c5fd;
--blue-400:#60a5fa;
--blue-500:#3b82f6;
--blue-600:#2563eb;
--blue-700:#1d4ed8;
--blue-800:#1e40af;
--blue-900:#1e3a8a;
--indigo-50:#eef2ff;
--indigo-100:#e0e7ff;
--indigo-200:#c7d2fe;
--indigo-300:#a5b4fc;
--indigo-400:#818cf8;
--indigo-500:#6366f1;
--indigo-600:#4f46e5;
--indigo-700:#4338ca;
--indigo-800:#3730a3;
--indigo-900:#312e81;
--violet-50:#f5f3ff;
--violet-100:#ede9fe;
--violet-200:#ddd6fe;
--violet-300:#c4b5fd;
--violet-400:#a78bfa;
--violet-500:#8b5cf6;
--violet-600:#7c3aed;
--violet-700:#6d28d9;
--violet-800:#5b21b6;
--violet-900:#4c1d95;
--purple-50:#faf5ff;
--purple-100:#f3e8ff;
--purple-200:#e9d5ff;
--purple-300:#d8b4fe;
--purple-400:#c084fc;
--purple-500:#a855f7;
--purple-600:#9333ea;
--purple-700:#7e22ce;
--purple-800:#6b21a8;
--purple-900:#581c87;
--fuchsia-50:#fdf4ff;
--fuchsia-100:#fae8ff;
--fuchsia-200:#f5d0fe;
--fuchsia-300:#f0abfc;
--fuchsia-400:#e879f9;
--fuchsia-500:#d946ef;
--fuchsia-600:#c026d3;
--fuchsia-700:#a21caf;
--fuchsia-800:#86198f;
--fuchsia-900:#701a75;
--pink-50:#fdf2f8;
--pink-100:#fce7f3;
--pink-200:#fbcfe8;
--pink-300:#f9a8d4;
--pink-400:#f472b6;
--pink-500:#ec4899;
--pink-600:#db2777;
--pink-700:#be185d;
--pink-800:#9d174d;
--pink-900:#831843;
--rose-50:#fff1f2;
--rose-100:#ffe4e6;
--rose-200:#fecdd3;
--rose-300:#fda4af;
--rose-400:#fb7185;
--rose-500:#f43f5e;
--rose-600:#e11d48;
--rose-700:#be123c;
--rose-800:#9f1239;
--rose-900:#881337;
--slate-50:#f8fafc;
--slate-100:#f1f5f9;
--slate-200:#e2e8f0;
--slate-300:#cbd5e1;
--slate-400:#94a3b8;
--slate-500:#64748b;
--slate-600:#475569;
--slate-700:#334155;
--slate-800:#1e293b;
--slate-900:#0f172a;
--gray-50:#f9fafb;
--gray-100:#f3f4f6;
--gray-200:#e5e7eb;
--gray-300:#d1d5db;
--gray-400:#9ca3af;
--gray-500:#6b7280;
--gray-600:#4b5563;
--gray-700:#374151;
--gray-800:#1f2937;
--gray-900:#111827;
--zinc-50:#fafafa;
--zinc-100:#f4f4f5;
--zinc-200:#e4e4e7;
--zinc-300:#d4d4d8;
--zinc-400:#a1a1aa;
--zinc-500:#71717a;
--zinc-600:#52525b;
--zinc-700:#3f3f46;
--zinc-800:#27272a;
--zinc-900:#18181b;
--neutral-50:#fafafa;
--neutral-100:#f5f5f5;
--neutral-200:#e5e5e5;
--neutral-300:#d4d4d4;
--neutral-400:#a3a3a3;
--neutral-500:#737373;
--neutral-600:#525252;
--neutral-700:#404040;
--neutral-800:#262626;
--neutral-900:#171717;
--stone-50:#fafaf9;
--stone-100:#f5f5f4;
--stone-200:#e7e5e4;
--stone-300:#d6d3d1;
--stone-400:#a8a29e;
--stone-500:#78716c;
--stone-600:#57534e;
--stone-700:#44403c;
--stone-800:#292524;
--stone-900:#1c1917;
}
:root{
--color-primary:var(--sky-600);
--color-secondary:var(--violet-500);
--marked-background:var(--yellow-300);
--search-match-background:var(--pink-100);
--search-match-border-color:var(--pink-500);
--selection-background:var(--sky-100);
--mono-50:var(--neutral-50);
--mono-100:var(--neutral-100);
--mono-200:var(--neutral-200);
--mono-300:var(--neutral-300);
--mono-400:var(--neutral-400);
--mono-500:var(--neutral-500);
--mono-600:var(--neutral-600);
--mono-700:var(--neutral-700);
--mono-800:var(--neutral-800);
--mono-900:var(--neutral-900);
--font-family:"Inter var", "Inter", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--font-size:16px;
--font-size-mono:15px;
--font-size-ui:14px;
--font-weight:400;
--font-weight-mono:500;
}
:root{
--color-hover:var(--mono-200);
--color-hover-content:inherit;
--color-primary-content:#fff;
--color-status:var(--mono-500);
--color-status-content:#fff;
--font-family-diagram:var(--font-family);
--font-family-ui:var(--font-family);
--font-size-xxl:calc(var(--font-size-xl) * var(--modular-scale));
--font-size-xl:calc(var(--font-size-l) * var(--modular-scale));
--font-size-l:calc(1rem * var(--modular-scale));
--font-size-m:1rem;
--font-size-s:max(0.75rem, calc(1rem / var(--modular-scale)));
--font-size-xs:max(0.6875rem, calc(var(--font-size-s) / var(--modular-scale)));
--font-size-ui-s:max(12px, calc(var(--font-size-ui) * 0.857));
--line-height:1.6;
--modular-scale:1.414;
--background-color:var(--mono-50);
--border-color:var(--mono-200);
--border-radius:6px;
--border-radius-s:3px;
--border-radius-xs:1px;
--btn-toggle-active-background:;
--btn-toggle-active-color:var(--color-primary);
--btn-toggle-background:;
--btn-toggle-color:var(--mono-400);
--btn-toggle-hover-background:var(--color-hover);
--btn-toggle-hover-color:var(--color-hover-content);
--drop-shadow:drop-shadow(0 3px 5px rgba(0, 0, 0, 0.15));
--input-background:#fff;
--input-border-color:var(--border-color);
--input-focus-color:var(--color-primary);
--input-color:var(--text-color);
--input-placeholder-color:var(--mono-400);
--kbd-background:var(--mono-600);
--kbd-border-color:transparent;
--kbd-color:#fff;
--max-width:75ch;
--md-brackets:var(--mono-400);
--md-brackets-expanded:var(--color-secondary);
--md-tags:var(--md-brackets);
--md-tags-expanded:var(--md-brackets-expanded);
--menu-background:#fff;
--menu-border-width:0;
--menu-color:inherit;
--search-match-color:var(--text-color);
--selection-color:;
--sidebar-active-background:var(--color-hover);
--sidebar-active-color:var(--color-hover-content);
--sidebar-background:var(--mono-100);
--sidebar-border-color:var(--mono-200);
--sidebar-border-width:1px;
--sidebar-color:var(--mono-700);
--sidebar-hover-background:var(--color-hover);
--sidebar-hover-color:var(--color-hover-content);
--text-color:var(--mono-700);
--blockquote-background:var(--mono-100);
--blockquote-border-color:var(--color-primary);
--blockquote-border-width:0 0 0 4px;
--blockquote-color:inherit;
--blockquote-padding:1rem 1.5rem 1rem 1.5rem;
--code-inline-background:var(--mono-200);
--code-inline-color:var(--strong-color);
--code-padding-tb:1.5em;
--code-padding-lr:1.5em;
--checkbox-background:var(--mono-100);
--checkbox-border-color:var(--mono-300);
--checkbox-border-radius:var(--border-radius-s);
--checkbox-check-color:var(--color-primary-content);
--checkbox-size:1.2rem;
--counter-color:inherit;
--h1-font-size:var(--font-size-xxl);
--h1-letter-spacing:-0.03em;
--h2-font-size:var(--font-size-xl);
--h2-letter-spacing:-0.02em;
--h3-font-size:var(--font-size-l);
--h3-letter-spacing:-0.01em;
--h4-font-size:var(--font-size-m);
--h5-font-size:var(--font-size-m);
--h6-font-size:var(--font-size-s);
--heading-color:var(--mono-800);
--heading-font-weight:800;
--hr-color:var(--mono-300);
--hr-height:2px;
--link-color:var(--color-primary);
--marked-color:inherit;
--marker-color:inherit;
--strong-color:var(--mono-800);
--strong-font-weight:600;
--table-edit-active-background:var(--mono-500);
--table-edit-active-color:var(--mono-50);
--table-edit-background:var(--mono-200);
--table-edit-color:var(--mono-600);
--table-edit-hover-background:var(--mono-300);
--table-edit-hover-color:var(--table-edit-color);
--tbody-border-color:unset;
--tbody-border-width:unset;
--td-border-color:unset;
--td-border-width:unset;
--td-padding:0.5rem 0.75rem;
--th-border-color:unset;
--th-border-width:unset;
--th-color:var(--strong-color);
--th-font-weight:var(--strong-font-weight);
--th-padding:0 0.75rem 0.5rem 0.75rem;
--thead-border-color:var(--mono-300);
--thead-border-width:0 0 2px 0;
--tr-alt-background:var(--mono-100);
--tr-border-color:var(--mono-200);
--tr-border-width:0 0 1px 0;
--code-activeline-background:var(--mono-200);
--code-atom-color:var(--amber-600);
--code-attribute-color:var(--sky-600);
--code-background:var(--mono-100);
--code-bracket-color:var(--mono-400);
--code-builtin-color:var(--emerald-600);
--code-comment-color:var(--mono-400);
--code-cursor-border:2px solid var(--color-primary);
--code-def-color:var(--violet-600);
--code-error-color:var(--red-600);
--code-gutter-border-color:var(--mono-200);
--code-keyword-color:var(--sky-600);
--code-language-background:var(--code-activeline-background);
--code-language-color:var(--code-text-color);
--code-linenumber-color:var(--mono-400);
--code-link-color:;
--code-meta-color:var(--rose-600);
--code-number-color:;
--code-operator-color:var(--rose-600);
--code-property-color:var(--sky-600);
--code-qualifier-color:var(--emerald-600);
--code-selected-background:var(--selection-background);
--code-string-color:;
--code-string-2-color:;
--code-tag-color:var(--violet-600);
--code-text-color:var(--mono-700);
--code-type-color:var(--rose-600);
--code-variable-color:var(--cyan-600);
--code-variable-2-color:var(--cyan-600);
--code-variable-3-color:var(--emerald-600);
--mermaid-theme:neutral;
--mermaid-font-family:;
--mermaid-flowchart-curve:basis;
--mermaid-sequence-numbers:off;
--mermaid--gantt-left-padding:75;
--sequence-theme:simple;
}
@media print{
:root{
--background-color:#fff;
}
}
:root{
--active-file-bg-color:var(--sidebar-active-background);
--active-file-text-color:var(--sidebar-active-color);
--bg-color:var(--background-color);
--control-text-color:var(--sidebar-color);
--control-text-hover-color:var(--sidebar-hover-color);
--item-hover-bg-color:var(--color-hover);
--item-hover-text-color:var(--color-hover-content);
--md-char-color:var(--md-brackets-expanded);
--meta-content-color:inherit;
--monospace:var(--font-family-mono);
--search-select-bg-color:var(--search-match-background);
--search-select-text-color:var(--search-match-color);
--select-text-bg-color:var(--selection-background);
--window-border:1px solid var(--border-color);
}
*,
::before,
::after{
box-sizing:border-box;
border:0;
border-style:solid;
border-color:currentColor;
}
html,
body{
margin:0;
line-height:var(--line-height);
}
html{
accent-color:var(--color-primary);
font-family:var(--font-family-ui);
font-size:var(--font-size);
font-weight:var(--font-weight);
}
a,
a code{
color:var(--link-color);
}
a{
text-decoration:underline;
}
b,
strong{
color:var(--strong-color);
font-weight:var(--strong-font-weight);
}
blockquote{
margin:1.5rem 0;
padding:var(--blockquote-padding);
border-width:var(--blockquote-border-width);
border-color:var(--blockquote-border-color);
background:var(--blockquote-background);
color:var(--blockquote-color);
}
code,
kbd,
samp,
pre{
font-family:var(--font-family-mono);
font-size:var(--font-size-mono);
}
kbd{
padding:.2em .75em .3em .75em;
border-color:var(--kbd-border-color);
border-radius:var(--border-radius);
background:var(--kbd-background);
color:var(--kbd-color);
box-shadow:none;
}
code,
pre{
font-size:var(--font-size-mono);
font-weight:var(--font-weight-mono);
}
hr{
border-color:var(--hr-color);
border-top-width:var(--hr-height);
}
input::placeholder,
textarea::placeholder{
color:var(--input-placeholder-color) !important;
}
mark{
border-radius:var(--border-radius-xs);
box-shadow:0 0 0 1px var(--marked-background);
background:var(--marked-background);
color:var(--marked-color);
}
p{
margin-top:1em;
margin-bottom:1em;
}
small{
font-size:var(--font-size-s);
}
sub,
sup{
font-size:var(--font-size-s);
}
@font-face{
font-family:'Inter var';
font-weight:100 900;
font-display:swap;
font-style:oblique 0deg 10deg;
src:url("themeable/fonts/Inter.var.woff2?v=3.19") format("woff2");
}
body:not([class*="seamless"]) :is(#typora-sidebar, content){
border-top:1px solid var(--border-color);
}
.blink-area{
-webkit-animation:none;
animation:none;
}
.btn-primary,
.btn-primary:hover{
background:var(--color-primary);
color:var(--color-primary-content);
}
.btn-primary:hover{
filter:contrast(1.2);
}
.context-menu,
.dropdown-menu,
:is(.context-menu, .dropdown-menu) > li > a{
color:var(--menu-color);
}
.context-menu,
.dropdown-menu{
border:var(--menu-border-width) solid var(--border-color);
background:var(--menu-background);
font-size:var(--font-size-ui);
}
:is(.context-menu, .dropdown-menu) .ty-menu-shortcut{
font-family:var(--font-family-ui);
}
.context-menu .divider{
border-top:1px solid var(--border-color);
opacity:1;
}
.form-control:focus{
-webkit-box-shadow:none;
box-shadow:none;
}
.code-tooltip-content *{
color:unset;
}
#ty-auto-suggest{
border-radius:var(--border-radius);
font-size:var(--font-size-s);
box-shadow:none;
filter:var(--drop-shadow);
}
.md-search-hit,
.md-search-hit.md-search-select,
.md-search-select,
body :is(#write, #typora-source) .cm-search-hit,
.ty-file-search-match-text,
.ty-outline-hit[class]{
background-color:unset !important;
background:var(--search-match-background) !important;
color:var(--search-match-color) !important;
}
.md-search-hit,
.md-search-hit.md-search-select,
.md-search-select,
body :is(#write, #typora-source) .cm-search-hit{
border-radius:var(--border-radius-xs);
box-shadow:0 0 0 2px var(--search-match-border-color);
}
.ty-file-search-match-text,
.ty-outline-hit[class]{
padding-right:1px;
padding-left:1px;
border:2px solid var(--search-match-border-color);
border-radius:var(--border-radius-s);
font-weight:var(--font-weight);
}
#write{
max-width:var(--max-width);
color:var(--text-color);
font-family:var(--font-family);
}
#write > :first-child{
margin-top:0;
}
#write > :last-child{
margin-bottom:0;
}
footer.ty-footer{
border-color:var(--mono-200);
}
.typora-sourceview-on #toggle-sourceview-btn{
background:none;
opacity:1;
}
.footer-item:hover,
.typora-sourceview-on #toggle-sourceview-btn:hover{
background:var(--sidebar-hover-background);
color:var(--sidebar-hover-color);
}
#typora-quick-open{
top:calc(var(--title-bar-height) + 5px);
padding:0;
border:var(--sidebar-border-width) solid var(--sidebar-border-color);
border-radius:var(--border-radius);
background:var(--sidebar-background);
color:var(--sidebar-color);
box-shadow:none;
filter:var(--drop-shadow);
}
#typora-quick-open-input,
.typora-quick-open-list{
padding:0.5em;
}
#typora-quick-open-input input{
max-height:unset;
overflow:unset;
border-color:var(--input-border-color);
border-radius:var(--border-radius-s);
background:var(--input-background);
color:var(--input-color);
font-size:var(--font-size-ui);
line-height:2;
}
#typora-quick-open-input input:focus{
border-color:var(--input-focus-color);
}
.ty-quick-open-category-title,
.typora-quick-open-item-path{
opacity:0.7;
}
.ty-quick-open-category-title{
margin-top:0.5rem;
margin-bottom:0.15rem;
font-size:0.9em;
height:auto;
line-height:var(--line-height);
text-transform:uppercase;
letter-spacing:0.5px;
font-weight:600;
}
.ty-quick-open-category.ty-has-prev .ty-quick-open-category-title{
margin-top:0.5rem;
padding-top:0.5rem;
}
.typora-quick-open-item,
.typora-quick-open-item-path{
max-height:auto;
line-height:var(--line-height);
}
.typora-quick-open-item{
height:auto;
padding-top:0.25em;
padding-bottom:0.25em;
font-size:var(--font-size-ui);
cursor:pointer;
}
.typora-quick-open-item.active{
border-radius:var(--border-radius-s);
}
.typora-quick-open-item-path{
font-size:var(--font-size-ui-s);
}
.typora-quick-open-item-title{
margin-bottom:0.25em;
line-height:var(--line-height);
}
.typora-quick-open-item-title b{
border-radius:var(--border-radius-xs);
box-shadow:0 0 0 1px var(--marked-background);
background:var(--marked-background);
color:var(--marked-color);
}
.mac-seamless-mode #md-searchpanel{
max-height:63px;
}
#md-searchpanel{
border-bottom:1px solid var(--sidebar-border-color);
background:var(--sidebar-background);
color:var(--sidebar-color);
box-shadow:none;
filter:var(--drop-shadow);
}
#md-searchpanel input,
#md-searchpanel .btn,
#searchpanel-msg{
border-radius:var(--border-radius-s);
font-size:var(--font-size-ui-s);
}
#md-searchpanel input{
background:var(--input-background);
border-color:var(--input-border-color);
color:var(--input-color);
}
#md-searchpanel input:focus,
#md-searchpanel input:not(:placeholder-shown){
border-color:var(--input-focus-color);
}
#md-searchpanel .btn:not(.close-btn):hover{
box-shadow:none;
}
.searchpanel-search-option-btn,
.searchpanel-search-option-btn:hover,
.searchpanel-search-option-btn.active{
opacity:1;
}
.searchpanel-search-option-btn{
top:4px;
padding:3px 2px;
border:0;
background:var(--btn-toggle-background);
color:var(--btn-toggle-color);
}
.searchpanel-search-option-btn:hover{
background:var(--btn-toggle-hover-background);
color:var(--btn-toggle-hover-color);
}
.searchpanel-search-option-btn.active{
background:var(--btn-toggle-active-background);
color:var(--btn-toggle-active-color);
}
#search-panel-status .error-message{
padding:0.25em 0.5em;
border-radius:var(--border-radius-s);
background:var(--color-status);
color:var(--color-status-content);
}
#typora-sidebar{
border-right:var(--sidebar-border-width) solid var(--sidebar-border-color);
background:var(--sidebar-background);
color:var(--sidebar-color);
}
#typora-sidebar,
#sidebar-files-menu.dropdown-menu > li,
.sidebar-content-content,
.ty-search-item-line{
font-size:var(--font-size-ui);
}
#typora-sidebar input{
border-radius:var(--border-radius-s);
background:var(--input-background);
color:var(--input-color);
}
.file-list-item-time,
.file-list-item-parent-loc,
.file-list-item-summary,
.ty-search-item-line{
font-family:var(--font-family-ui);
}
.ty-search-item-line:hover{
background-color:var(--sidebar-hover-background);
color:var(--sidebar-hover-color);
}
.outline-item-active::after,
.active .file-list-item-file-name::after,
.active .file-node-content::after{
content:"";
position:absolute;
top:calc(50% - 4px);
right:0;
width:8px;
height:8px;
border-radius:50%;
background:var(--color-primary);
}
.info-panel-tab-border{
border-radius:100vw;
}
.active-tab-files #info-panel-tab-file,
.active-tab-files #info-panel-tab-file:hover,
.active-tab-outline #info-panel-tab-outline,
.active-tab-outline #info-panel-tab-outline:hover,
.ty-show-search #info-panel-tab-search{
font-weight:var(--strong-font-weight);
color:var(--strong-color);
}
.active-tab-files #info-panel-tab-file .info-panel-tab-border,
.active-tab-outline #info-panel-tab-outline .info-panel-tab-border,
.ty-show-search #info-panel-tab-search .info-panel-tab-border{
height:3px;
background-color:var(--color-primary);
}
.sidebar-tabs{
border-bottom:var(--sidebar-border-width) solid var(--sidebar-border-color);
}
.sidebar-tab{
font-weight:var(--strong-font-weight);
text-transform:none;
}
#outline-content{
line-height:var(--line-height);
}
.outline-content{
padding-top:0;
}
.pin-outline #outline-content .outline-active strong,
.pin-outline .outline-active{
font-weight:var(--strong-font-weight);
}
.pin-outline .outline-active{
font-weight:var(--font-weight);
}
.outline-item,
.no-collapse-outline .outline-item{
margin:1px 0;
}
.outline-item{
display:flex;
align-items:center;
position:relative;
padding-top:0.4em;
padding-bottom:0.4em;
}
.outline-item::before{
content:"";
position:absolute;
top:0;
bottom:0;
right:-100px;
left:-100px;
}
.outline-item:hover{
margin-right:0;
margin-left:0;
border-right:0;
border-left:0;
background:none;
color:var(--sidebar-hover-color);
}
.outline-item:hover::before{
background:var(--sidebar-hover-background);
}
.outline-item > *{
position:relative;
}
.outline-expander,
.outline-expander::before{
--icon-width:10px;
width:calc(var(--icon-width) * 2);
padding:0;
font-size:var(--icon-width);
line-height:var(--icon-width);
}
.outline-expander{
display:unset;
height:auto;
text-align:center;
}
.outline-label{
width:100%;
display:inline-block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.outline-label:hover{
text-decoration:none;
}
.outline-item-active{
position:relative;
padding-right:8px;
color:var(--sidebar-active-color);
}
.outline-item-active::before{
background:var(--sidebar-active-background);
}
.outline-item-active .outline-label{
padding-right:10px;
}
.file-node-icon.fa-folder::before{
content:"\f114";
}
.file-node-open-state{
margin-top:-2px;
margin-right:3px;
margin-left:-2px;
}
.file-node-collapsed .fa-caret-right::before{
content:"\f125";
font-family:Ionicons;
font-size:10px;
}
.file-node-expanded .fa-caret-down::before{
content:"\f123";
font-family:Ionicons;
font-size:10px;
}
.file-list-item-file-ext-part,
.file-list-item-parent-loc,
.file-list-item-summary,
.file-list-item-time{
opacity:0.8;
}
.file-list-item-parent-loc,
.file-list-item-time{
margin-bottom:3px;
font-size:var(--font-size-ui-s);
}
.file-list-item{
border-bottom:var(--sidebar-border-width) solid var(--sidebar-border-color);
}
.file-list-item:hover{
background-color:var(--sidebar-hover-background);
color:var(--sidebar-hover-color);
}
.file-list-item:not(.active){
opacity:1;
}
.file-list-item.active{
background:var(--sidebar-active-background);
color:var(--sidebar-active-color);
}
.file-list-item-file-name{
position:relative;
margin-bottom:4px;
}
.active .file-list-item-file-name{
padding-right:20px;
}
.file-list-item-file-name-part{
font-weight:var(--strong-font-weight);
color:var(--strong-color);
}
.active .file-list-item-file-name::after{
right:8px;
}
.file-list-item-summary{
height:auto;
max-height:calc(3 * 0.95em * var(--line-height));
line-height:inherit;
font-size:var(--font-size-ui-s);
}
.file-list-item-time{
font-size:var(--font-size-ui-s);
}
.file-library-file-node:not(.active):hover{
color:var(--sidebar-hover-color);
}
.file-library-file-node:not(.active):hover > .file-node-background{
background:var(--sidebar-hover-background);
}
.file-library-node:not(.file-node-root):focus > .file-node-content{
outline:unset;
}
.file-node-content{
padding-right:0;
}
.file-node-content:hover{
cursor:pointer;
}
.active .file-node-content::after{
right:14px;
}
.file-node-icon{
margin-right:5px;
}
.file-node-title{
width:calc(var(--sidebar-width) - 40px);
overflow:hidden;
text-overflow:ellipsis;
}
.file-node-children .file-node-title{
width:calc(var(--sidebar-width) - 80px);
}
.file-node-children .file-node-children .file-node-title{
width:calc(var(--sidebar-width) - 88px);
}
.file-node-children .file-node-children .file-node-children .file-node-title{
width:calc(var(--sidebar-width) - 96px);
}
.allow-file-tree-scroll .file-node-title{
overflow-x:hidden;
}
.file-tree-node{
position:relative;
}
.file-tree-node.active > .file-node-background{
border:0;
}
.file-tree-node.active > .file-node-background{
background-color:var(--sidebar-active-background);
}
.file-tree-node.active > .file-node-content{
color:var(--sidebar-active-color);
}
.file-node-background{
top:0;
bottom:0;
right:-4px;
left:-100px;
height:auto;
width:auto;
}
#sidebar-search-btn,
#ty-sidebar-search-back-btn{
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
#ty-sidebar-search-tabs .searchpanel-search-option-btn{
top:1em;
padding:3px 1px;
background:var(--btn-toggle-background);
color:var(--btn-toggle-color);
opacity:1;
}
#ty-sidebar-search-tabs .searchpanel-search-option-btn:hover{
background:var(--btn-toggle-hover-background);
color:var(--btn-toggle-hover-color);
}
#ty-sidebar-search-tabs .searchpanel-search-option-btn.select{
background:var(--btn-toggle-active-background);
color:var(--btn-toggle-active-color);
}
#filesearch-case-option-btn{
transform:translateX(-8px);
}
#filesearch-word-option-btn{
transform:translateX(-4px);
}
.ty-show-outline-filter #file-library-search,
.ty-show-search #file-library-search{
height:calc(2em + 32px);
}
#file-library-search-input{
height:auto;
padding:0.5em 0.75em;
border:1px solid currentColor;
border-color:var(--sidebar-border-color);
border-radius:var(--border-radius-s);
background:transparent;
color:inherit;
}
#file-library-search-input:not(:placeholder-shown),
#file-library-search-input:focus{
border-color:var(--input-focus-color);
background:var(--input-background);
color:var(--input-color);
}
.ty-search-item{
border-bottom:var(--sidebar-border-width) solid var(--sidebar-border-color);
}
.file-list-item-count{
--size:1.65em;
height:var(--size);
min-width:var(--size);
border-radius:50%;
background-color:var(--color-status);
color:var(--color-status-content);
font-size:var(--font-size-ui-s);
font-weight:var(--strong-font-weight);
line-height:var(--size);
text-align:center;
}
#sidebar-files-menu{
border-color:var(--border-color);
background:var(--menu-background);
}
#ty-sidebar-footer{
border-color:var(--sidebar-border-color);
}
#sidebar-files-menu > .show + .menuitem-group-label.show{
border-color:var(--border-color);
}
.sidebar-footer-item:hover{
background:var(--sidebar-hover-background);
color:var(--sidebar-hover-color);
}
#sidebar-files-menu .folder-menu-item i{
margin-right:6px;
}
.menuitem-group-label.not-empty-menu-group{
display:flex !important;
align-items:center;
justify-content:space-between;
}
.menuitem-group-label.not-empty-menu-group > .clearfix{
display:none;
}
#sidebar-files-menu .selected-folder-menu-item a::after{
content:"";
position:absolute;
top:calc(50% - 4px);
right:8px;
width:8px;
height:8px;
border-radius:50%;
background:var(--color-primary);
}
#sidebar-files-menu .ty-side-sort-btn{
--size:24px;
width:var(--size);
height:var(--size);
margin-top:6px;
margin-bottom:6px;
border-radius:var(--border-radius-s);
background:var(--btn-toggle-background);
color:var(--btn-toggle-color);
font-size:13px;
line-height:var(--size);
opacity:1;
}
#sidebar-files-menu .ty-side-sort-btn:hover{
background:var(--btn-toggle-hover-background);
color:var(--btn-toggle-hover-color);
}
#sidebar-files-menu .ty-side-sort-btn.active{
background:var(--btn-toggle-active-background);
color:var(--btn-toggle-active-color);
}
#toc-dropmenu{
right:0;
border-width:var(--sidebar-border-width) 0 var(--sidebar-border-width) var(--sidebar-border-width);
border-color:var(--sidebar-border-color);
border-radius:var(--border-radius) 0 0 var(--border-radius);
background:var(--sidebar-background);
color:var(--sidebar-color);
box-shadow:none;
filter:var(--drop-shadow);
}
#toc-dropmenu.open{
animation:toc-in-from-right .3s ease-in;
}
#toc-dropmenu .btn{
color:inherit;
}
#toc-dropmenu .divider{
margin:5px 0;
border-top:var(--sidebar-border-width) solid var(--sidebar-border-color);
opacity:1;
}
#toc-dropmenu .outline-title-wrapper{
display:flex;
justify-content:space-between;
align-items:center;
}
@keyframes toc-in-from-right{
0%{
opacity:0;
transform:translateX(20%)
}
100%{
opacity:1;
transform:translateX(0)
}
}
button.btn .ty-icon{
font-size:13px;
}
.footnotes{
opacity:1;
font-size:var(--font-size-s);
}
.md-p{
z-index:0;
}
.md-footnote{
z-index:-1;
}
sup.md-footnote{
padding:0.1em 0.25em 0.2em 0.25em;
border-radius:var(--border-radius-s);
background:var(--code-inline-background);
color:var(--code-inline-color);
line-height:1;
}
.md-def-name::before, .md-def-name::after, .md-def-title::before, .md-def-title::after, .md-link .md-meta.md-before, .md-link .md-meta.md-after{
color:var(--md-brackets);
}
.md-footnote .md-meta.md-before,
.md-link .md-meta.md-before{
margin-right:0.15em;
}
.md-footnote .md-meta.md-after,
.md-link .md-meta.md-before ~ .md-meta.md-before,
.md-link .md-meta.md-after{
margin-left:0.15em;
}
.md-def-name{
font-weight:var(--strong-font-weight);
color:var(--strong-color);
}
.md-br,
.md-br-content,
.md-comment{
opacity:1;
color:var(--md-tags);
}
.md-hr{
margin:3rem 0;
}
.md-image > .md-meta{
color:inherit;
font-family:var(--font-family-ui);
}
.md-image > .md-meta::before, .md-raw-inline:not(.md-br-content){
opacity:1 !important;
color:var(--md-tags-expanded);
}
.md-url,
.md-def-url{
color:var(--link-color);
}
:is(h1, h2, h3, h4, h5, h6){
margin-top:1.5rem;
margin-bottom:1rem;
color:var(--heading-color);
font-weight:var(--heading-font-weight);
}
:is(h1, h2, h3, h4, h5, h6).md-heading::before{
all:unset;
position:absolute;
top:50%;
right:calc(100% + 0.5em);
transform:translate(0, -50%);
font-size:0.75rem;
color:var(--md-brackets);
opacity:0;
transition:all 0.2s 0s;
}
:is(h1, h2, h3, h4, h5, h6).md-focus::before{
transform:translate(-0.5em, -50%);
opacity:1;
}
h1{
margin-top:3rem;
font-size:var(--h1-font-size);
line-height:1.1;
letter-spacing:var(--h1-letter-spacing);
}
h1.md-heading::before{
content:'H1';
}
h2{
margin-top:2rem;
font-size:var(--h2-font-size);
line-height:1.2;
letter-spacing:var(--h2-letter-spacing);
}
h2.md-heading::before{
content:'H2';
}
h3{
font-size:var(--h3-font-size);
line-height:1.3;
letter-spacing:var(--h3-letter-spacing);
}
h3.md-heading::before{
content:'H3';
}
h4{
font-size:var(--h4-font-size);
}
h4.md-heading::before{
content:'H4';
}
h5{
font-size:var(--h5-font-size);
}
h5.md-heading::before{
content:'H5';
}
h6{
font-size:var(--h6-font-size);
}
h6.md-heading::before{
content:'H6';
}
h6 ~ :not(h1, h2, h3, h4, h5, h6){
font-size:var(--h6-font-size);
}
h6 ~ :is(h1, h2, h3, h4, h5, h6) ~ *:not(h1, h2, h3, h4, h5, h6){
font-size:inherit;
}
ol,
ul{
padding-left:1.5rem;
}
ol{
margin-left:0.25rem;
list-style-type:decimal;
}
ul{
list-style-type:disc;
}
:is(ol, ul) :is(ol, ul){
margin-top:0.75rem;
margin-bottom:0.75rem;
}
ol > li::marker{
color:var(--counter-color);
}
ul > li::marker{
color:var(--marker-color);
}
#write li.task-list-item{
padding-left:0.75em;
}
input[checked] ~ *{
opacity:0.6;
text-decoration:line-through;
}
#write input[type=checkbox],
li.task-list-item > input[type=checkbox]{
appearance:none;
width:var(--checkbox-size);
height:var(--checkbox-size);
padding:0;
border:1px solid var(--checkbox-border-color);
border-radius:var(--checkbox-border-radius);
background:var(--checkbox-background);
}
#write input[type=checkbox][checked]{
border-color:var(--color-primary);
background:var(--color-primary);
}
#write input[type=checkbox][checked]::after{
content:'';
position:absolute;
left:50%;
top:calc(50% - 0.05em);
height:calc(var(--checkbox-size) * 0.52);
width:calc(var(--checkbox-size) * 0.3125);
border-width:0 2px 2px 0;
border-color:var(--checkbox-check-color);
transform:translate(-50%, -50%) rotate(40deg);
}
li.task-list-item > input[type=checkbox]{
top:calc(((1em * var(--line-height)) / 2) - (var(--checkbox-size) / 2));
left:calc(0px - var(--checkbox-size));
margin:0;
}
#write pre.md-meta-block:first-child{
position:relative;
overflow:visible;
margin-bottom:2.5rem;
padding:var(--code-padding-tb) var(--code-padding-lr);
border-radius:var(--border-radius);
background:var(--code-background);
color:var(--code-text-color);
font-size:var(--font-size-mono);
font-weight:var(--font-weight-mono);
}
#write pre.md-meta-block:first-child::after{
content:'YAML Front Matter';
position:absolute;
z-index:1;
inset:auto var(--code-padding-lr) 100% auto;
padding:0 1em;
border-radius:var(--border-radius-s);
background:var(--code-language-background);
color:var(--code-language-color);
font-size:var(--font-size-s);
line-height:calc(var(--font-size-mono) * var(--line-height));
transform:translateY(50%);
}
#write pre.md-meta-block:first-child:empty{
line-height:1.15;
}
#write pre.md-meta-block:first-child:empty::before{
content:'Insert YAML front matter here...';
color:var(--code-comment-color);
}
[md-inline="code"]{
padding:0.1em 0.35em;
border-radius:var(--border-radius-s);
background:var(--code-inline-background);
color:var(--code-inline-color);
}
.md-fences{
margin:2rem 0;
background:none;
}
#typora-source .CodeMirror-lines{
max-width:var(--max-width);
}
#typora-source .CodeMirror-line,
#write .CodeMirror{
font-family:var(--font-family-mono);
font-size:var(--font-size-mono);
font-weight:var(--font-weight-mono);
color:var(--code-text-color) !important;
}
#write .cm-s-inner,
#write .CodeMirror-scroll,
.md-rawblock-container{
border-radius:var(--border-radius);
}
#write .cm-s-inner{
overflow:hidden;
background:var(--code-background);
}
#write .CodeMirror-lines{
padding:var(--code-padding-tb) var(--code-padding-lr);
}
#write .CodeMirror-gutters{
border-color:var(--code-gutter-border-color);
background:var(--code-background);
}
.CodeMirror-linenumber{
margin-left:calc(0px - var(--code-padding-lr));
min-width:2.25em;
}
:is(#write, #typora-source) .CodeMirror-cursor{
border-left:var(--code-cursor-border);
}
:is(#write, #typora-source) .CodeMirror-focused .CodeMirror-activeline:not(:only-child) .CodeMirror-activeline-background{
border-radius:var(--border-radius-s);
background:var(--code-activeline-background);
}
:is(#write, #typora-source) .CodeMirror-linenumber{
color:var(--code-linenumber-color);
}
:is(#write, #typora-source) .CodeMirror-selected:not(.cm-search-hit),
:is(#write, #typora-source) .CodeMirror-selectedtext:not(.cm-search-hit){
background:var(--code-selected-background) !important;
}
#typora-source .cm-atom{
color:inherit !important;
}
#write .cm-atom{
color:var(--code-atom-color) !important;
}
:is(#write, #typora-source) .cm-attribute{
color:var(--code-attribute-color) !important;
}
:is(#write, #typora-source) .cm-builtin{
color:var(--code-builtin-color) !important;
}
:is(#write, #typora-source) .cm-comment{
color:var(--code-comment-color) !important;
opacity:1 !important;
}
:is(#write, #typora-source) .cm-def{
color:var(--code-def-color) !important;
}
:is(#write, #typora-source) .cm-error{
color:var(--code-error-color) !important;
}
#typora-source .cm-header{
color:var(--heading-color) !important;
}
:is(#write, #typora-source) .cm-keyword{
color:var(--code-keyword-color) !important;
}
#write .cm-link{
color:var(--code-link-color) !important;
}
#typora-source .cm-link{
color:var(--link-color) !important;
}
#write .cm-meta{
color:var(--code-meta-color) !important;
}
:is(#write, #typora-source) .cm-number{
color:var(--code-number-color) !important;
}
:is(#write, #typora-source) .cm-operator{
color:var(--code-operator-color) !important;
}
:is(#write, #typora-source) .cm-property{
color:var(--code-property-color) !important;
}
:is(#write, #typora-source) .cm-qualifier{
color:var(--code-qualifier-color) !important;
}
:is(#write, #typora-source) .cm-string{
color:var(--code-string-color) !important;
}
:is(#write, #typora-source) .cm-string-2{
color:var(--code-string-2-color) !important;
}
:is(#write, #typora-source) .cm-tag{
color:var(--code-tag-color) !important;
}
:is(#write, #typora-source) .cm-type{
color:var(--code-type-color) !important;
}
:is(#write, #typora-source) .cm-s-inner .cm-variable{
color:var(--code-variable-color) !important;
}
:is(#write, #typora-source) .cm-s-inner .cm-variable-2{
color:var(--code-variable-2-color) !important;
}
:is(#write, #typora-source) .cm-s-inner .cm-variable-3{
color:var(--code-variable-3-color) !important;
}
:is(#write, #typora-source) .cm-bracket{
color:var(--code-bracket-color) !important;
}
#write .md-fences > .code-tooltip,
#write .md-fences > .code-tooltip .ty-cm-lang-input{
border-radius:var(--border-radius-s);
font-family:var(--font-family-ui);
font-size:var(--font-size-s);
line-height:var(--line-height);
}
#write .md-fences > .code-tooltip{
bottom:100%;
right:var(--code-padding-lr);
z-index:3;
padding:0;
border:0;
color:var(--code-language-color);
box-shadow:none;
opacity:1;
transform:translateY(50%);
}
.md-fences > .code-tooltip .ty-cm-lang-input{
min-width:17ch;
margin:0;
padding:0.15em;
border:1px solid transparent;
background:var(--code-language-background);
line-height:calc(var(--font-size-mono) * var(--line-height));
}
.md-fences > .code-tooltip .ty-cm-lang-input:focus{
border-color:var(--color-primary);
background:var(--input-background);
color:var(--text-color);
}
.md-diagram-panel,
.md-diagram-panel svg,
.md-diagram-panel-preview{
margin:0;
padding:0;
}
#write .md-diagram.md-focus .cm-s-inner{
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
#write .md-diagram.md-focus .md-diagram-panel{
border-bottom-left-radius:var(--border-radius);
border-bottom-right-radius:var(--border-radius);
border-width:2px 0 0 0;
border-color:var(--code-activeline-background);
background:var(--code-background);
}
.md-diagram-panel-preview svg,
mjx-container svg{
inset:auto;
margin:0 auto;
}
.md-fences-adv-panel,
.md-diagram-panel-preview svg text,
.md-diagram-panel-preview svg .label,
.md-diagram-panel-preview svg .nodeLabel{
font-family:var(--font-family-diagram) !important;
}
.md-diagram-panel-error:not(:empty){
position:relative;
margin-top:10px;
padding:var(--code-padding-tb) var(--code-padding-lr);
border-radius:var(--border-radius);
background:var(--code-error-color);
color:#fff;
font-size:var(--font-size-s);
font-weight:calc(var(--font-weight) + 100);
}
.md-diagram-panel-error:not(:empty)::before{
content:'';
position:absolute;
inset:auto auto 100% 50%;
border-width:11px;
border-color:transparent;
border-top-width:0;
border-bottom-color:var(--code-error-color);
transform:translateX(-50%);
}
.md-diagram.md-focus .md-diagram-panel-error{
border-top-left-radius:0;
border-top-right-radius:0;
}
pre.md-diagram[lang="flow"] .md-diagram-panel-preview{
padding-bottom:20px;
}
pre.md-diagram[mermaid-type] svg{
padding-top:5px;
padding-bottom:12px;
}
pre.md-diagram[mermaid-type="gantt"] svg{
padding:8px 0 0;
}
pre.md-diagram[mermaid-type="pie"] svg{
aspect-ratio:16/9;
padding-top:15px;
}
pre.md-diagram[mermaid-type="sequenceDiagram"] svg{
padding:13px;
}
pre.md-fences[lang="sequence"] .md-diagram-panel{
padding:0;
}
.md-math-block.md-focus{
background:var(--code-background);
}
.md-math-block .code-tooltip{
box-shadow:none;
}
.md-math-block .md-rawblock-before,
.md-math-block .md-rawblock-after{
padding:var(--code-padding-tb) var(--code-padding-lr);
}
.md-math-block .md-rawblock-before{
padding-bottom:0;
}
.md-math-block .md-rawblock-after{
padding-top:0;
}
.md-math-block .md-math-tag-input{
position:relative;
z-index:1;
}
.md-math-block .md-mathjax-preview{
border-top-width:2px;
border-color:var(--panel-border-color);
padding:20px var(--code-padding-lr);
}
.md-rawblock:hover .md-rawblock-container,
.md-rawblock:hover .md-rawblock-tooltip{
animation:none;
transition:none;
}
.md-rawblock .md-rawblock-tooltip,
.md-rawblock:hover .md-rawblock-tooltip{
background:var(--code-language-background);
}
.md-rawblock-tooltip,
.md-rawblock-tooltip-btn,
.md-rawblock-tooltip-name{
margin:0;
padding:0;
color:var(--code-language-color);
font-family:var(--font-family-ui);
font-size:var(--font-size-s);
line-height:calc(var(--font-size-mono) * var(--line-height));
opacity:1;
}
.md-rawblock:hover .md-rawblock-container{
background:var(--code-background);
color:var(--code-text-color);
}
.md-rawblock .md-rawblock-control:not(.md-rawblock-tooltip){
background:none;
}
.md-rawblock .md-rawblock-input{
padding:0;
}
.md-rawblock .md-rawblock-tooltip{
inset:auto 1rem auto auto;
z-index:4;
height:auto;
padding:0 1rem;
border-radius:var(--border-radius-s);
transform:translateY(-50%);
}
.md-rawblock-tooltip-name ~ .md-rawblock-tooltip-btn{
width:auto;
margin-left:0.25em;
}
figure.md-table-fig{
margin:2rem 0 2rem 0;
}
thead{
border-width:var(--thead-border-width, 0);
border-color:var(--thead-border-color);
}
tbody{
border-width:var(--tbody-border-width, 0);
border-color:var(--tbody-border-color);
}
tbody tr{
border-width:var(--tr-border-width, 0);
border-color:var(--tr-border-color);
}
tbody tr:nth-child(even){
background:var(--tr-alt-background);
}
th{
padding:var(--th-padding);
border-width:var(--th-border-width, 0);
border-color:var(--th-border-color);
font-weight:var(--th-font-weight);
color:var(--th-color)
}
td{
padding:var(--td-padding);
border-width:var(--td-border-width, 0);
border-color:var(--td-border-color);
}
.md-table-edit{
z-index:1;
transform:translate(0, -0.30rem);
padding:0 5px;
border-radius:var(--border-radius);
background:var(--table-edit-background);
}
.md-table-edit{
display:flex !important;
align-items:center;
justify-content:space-between;
}
.md-table-edit .right-th-button{
float:none;
}
.md-table-edit > span.right-th-button{
margin-left:auto;
}
.md-table-edit > span.right-th-button ~ .right-th-button{
margin-left:0;
}
.md-table-edit > span[class] button[class].btn{
margin:0;
padding:3px 8px 3px 8px;
border:0;
border-radius:0;
background:var(--table-edit-background);
color:var(--table-edit-color);
font-size:inherit;
line-height:1.4;
}
.md-table-edit > span[class] button[class]:hover{
background:var(--table-edit-hover-background);
color:var(--table-edit-hover-color);
}
.md-table-edit > span[class] button[class].active,
.md-table-edit button.active .ty-icon{
background:var(--table-edit-active-background);
color:var(--table-edit-active-color);
box-shadow:none;
}
.md-table-edit .md-table-more{
display:inline-block;
}
.md-table-edit .md-table-more .ty-icon{
margin:0 3px !important;
}
.md-table-edit .md-table-more-label{
display:none !important;
}
.md-table-resize-popover[class]{
width:auto;
transform:translate(10px, 2px);
padding:0;
border:0;
background:var(--background-color);
box-shadow:none;
filter:var(--drop-shadow);
}
.md-table-resize-popover[class] .arrow,
.md-table-resize-popover[class] .arrow::after{
border-bottom-color:var(--background-color);
}
.md-grid-board-wrap{
padding:1rem;
border-radius:var(--border-radius);
background:var(--background-color);
}
table.md-grid-board{
margin:auto;
border-spacing:3px;
}
table.md-grid-board td{
overflow:hidden;
border-radius:2px;
}
table.md-grid-board a{
border-color:var(--border-color);
background:var(--input-background);
}
table.md-grid-board .md-grid-ext,
table.md-grid-board .md-grid-ext a{
border-color:var(--table-edit-active-background);
background:var(--table-edit-active-background);
}
table.md-grid-board:hover .md-grid-ext,
table.md-grid-board:hover .md-grid-ext a{
border-color:var(--table-edit-hover-background);
background:var(--table-edit-hover-background);
}
table.md-grid-board:hover a:hover,
table.md-grid-board:hover a.md-active{
background:var(--color-primary);
border-color:var(--color-primary);
}
.md-grid-board-wrap #md-grid-width,
.md-grid-board-wrap #md-grid-height{
margin:0 0.2rem;
border-color:var(--border-color);
border-radius:2px;
background:var(--input-background);
line-height:1.6;
text-align:center;
}
.md-grid-board-wrap .popover-title{
margin:0.5rem 0 0 0;
padding:0;
border:0;
}
.md-grid-board-wrap .popover-title button{
display:none !important;
}
#table-menu{
width:30ch;
}
.md-toc{
margin:2rem 0;
font-size:var(--font-size-m);
line-height:var(--line-height);
}
.md-toc-content{
padding:0;
margin:0;
}
.md-toc:focus .md-toc-content{
border:unset;
margin:0;
}
.md-toc-h1 .md-toc-inner{
margin-left:0;
font-weight:var(--strong-font-weight);
}
.md-toc-h2 .md-toc-inner{
margin-left:1em;
}
.md-toc-h3 .md-toc-inner{
margin-left:2em;
}
.md-toc-h4 .md-toc-inner{
margin-left:3em;
}
.md-toc-h5 .md-toc-inner{
margin-left:4em;
}
.md-toc-h6 .md-toc-inner{
margin-left:5em;
}
#write div.md-toc-tooltip{
inset:auto auto 100% -10px;
width:calc(100% + 20px);
padding:0 8px;
border:0;
border-radius:var(--border-radius);
background:var(--table-edit-background);
font-size:var(--font-size-s);
line-height:calc(var(--font-size-m) * var(--line-height));
}
.md-toc.md-focus .md-toc-tooltip,
.md-toc:focus .md-toc-tooltip{
display:flex !important;
align-items:center;
justify-content:space-between;
}
@media screen and (prefers-color-scheme: dark){
:root{
--slate-50:#0f172a;
--slate-100:#1e293b;
--slate-200:#334155;
--slate-300:#475569;
--slate-400:#64748b;
--slate-500:#94a3b8;
--slate-600:#cbd5e1;
--slate-700:#e2e8f0;
--slate-800:#f1f5f9;
--slate-900:#f8fafc;
--gray-50:#111827;
--gray-100:#1f2937;
--gray-200:#374151;
--gray-300:#4b5563;
--gray-400:#6b7280;
--gray-500:#9ca3af;
--gray-600:#d1d5db;
--gray-700:#e5e7eb;
--gray-800:#f3f4f6;
--gray-900:#f9fafb;
--zinc-50:#18181b;
--zinc-100:#27272a;
--zinc-200:#3f3f46;
--zinc-300:#52525b;
--zinc-400:#71717a;
--zinc-500:#a1a1aa;
--zinc-600:#d4d4d8;
--zinc-700:#e4e4e7;
--zinc-800:#f4f4f5;
--zinc-900:#fafafa;
--neutral-50:#171717;
--neutral-100:#262626;
--neutral-200:#404040;
--neutral-300:#525252;
--neutral-400:#737373;
--neutral-500:#a3a3a3;
--neutral-600:#d4d4d4;
--neutral-700:#e5e5e5;
--neutral-800:#f5f5f5;
--neutral-900:#fafafa;
--stone-50:#1c1917;
--stone-100:#292524;
--stone-200:#44403c;
--stone-300:#57534e;
--stone-400:#78716c;
--stone-500:#a8a29e;
--stone-600:#d6d3d1;
--stone-700:#e7e5e4;
--stone-800:#f5f5f4;
--stone-900:#fafaf9;
}
}
@media screen and (prefers-color-scheme: dark){
:root{
--color-primary:var(--sky-500);
--color-secondary:var(--violet-400);
--marked-background:var(--yellow-400);
--search-match-background:var(--pink-900);
--search-match-border-color:var(--pink-600);
--selection-background:var(--sky-800);
}
:root{
--color-status:var(--mono-300);
--input-background:var(--mono-50);
--menu-background:var(--mono-100);
--menu-border-width:1px;
--kbd-background:var(--mono-100);
--kbd-border-color:var(--border-color);
--marked-color:var(--mono-200);
--code-atom-color:var(--amber-400);
--code-attribute-color:var(--sky-400);
--code-builtin-color:var(--emerald-400);
--code-def-color:var(--violet-400);
--code-error-color:var(--red-400);
--code-keyword-color:var(--sky-400);
--code-meta-color:var(--rose-400);
--code-operator-color:var(--rose-400);
--code-property-color:var(--sky-400);
--code-qualifier-color:var(--emerald-400);
--code-tag-color:var(--violet-400);
--code-type-color:var(--rose-400);
--code-variable-color:var(--cyan-400);
--code-variable-2-color:var(--cyan-400);
--code-variable-3-color:var(--emerald-400);
--mermaid-theme:dark;
}
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjxubyBzb3VyY2U+IiwiLi4vc3JjL2NvcmUvdmFycy1wYWxldHRlLmNzcyIsIi4uL3NyYy9jb3JlL3ZhcnMtdGhlbWUuY3NzIiwiLi4vc3JjL2NvcmUvdmFycy10eXBvcmEuY3NzIiwiLi4vc3JjL2NvcmUvYmFzZS5jc3MiLCIuLi9zcmMvY29yZS9hcHAuY3NzIiwiLi4vc3JjL2NvcmUvcXVpY2stb3Blbi5jc3MiLCIuLi9zcmMvY29yZS9zZWFyY2hiYXIuY3NzIiwiLi4vc3JjL2NvcmUvc2lkZWJhci5jc3MiLCIuLi9zcmMvY29yZS9vdXRsaW5lLXBvcG92ZXIuY3NzIiwiLi4vc3JjL2NvcmUvbWFya2Rvd24uY3NzIiwiLi4vc3JjL2NvcmUvaGVhZGluZ3MuY3NzIiwiLi4vc3JjL2NvcmUvbGlzdHMuY3NzIiwiLi4vc3JjL2NvcmUvY29kZS5jc3MiLCIuLi9zcmMvY29yZS90YWJsZXMuY3NzIiwiLi4vc3JjL2NvcmUvdG9jLmNzcyIsIi4uL3NyYy9jb3JlL3ZhcnMtcGFsZXR0ZS1kYXJrLmNzcyIsIi4uL3NyYy9jb3JlL3ZhcnMtdGhlbWUtZGFyay5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQUFBO0FDSUE7SUFDSSxnQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7O0lBRWxCLG1CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjs7SUFFckIsa0JBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9COztJQUVwQixtQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7O0lBRXJCLGlCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjs7SUFFbkIsa0JBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9COztJQUVwQixvQkFBc0I7SUFDdEIscUJBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7SUFDdEIscUJBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7SUFDdEIscUJBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7O0lBRXRCLGlCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjs7SUFFbkIsaUJBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1COztJQUVuQixnQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7O0lBRWxCLGlCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjs7SUFFbkIsbUJBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCOztJQUVyQixtQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7O0lBRXJCLG1CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjs7SUFFckIsb0JBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7SUFDdEIscUJBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7SUFDdEIscUJBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7SUFDdEIscUJBQXNCOztJQUV0QixpQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7O0lBRW5CLGlCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUluQixrQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7O0lBRXBCLGlCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQ