Typora主题文件。

:root { --bg-color: #141d28; --side-bar-bg-color: #090b10; --control-text-color: #a9aaab; --primary-color: #efb752; --primary-btn-border-color: #f0b752; --active-file-text-color: inherit; --active-file-border-color: #f0b752; --active-file-bg-color: #131c29; --primary-btn-text-color: #f0b752; --window-border: 1px solid #16161a; --item-hover-bg-color: #1a283d; --item-hover-text-color: #f0b752; --meta-content-color: #f0b752; --search-select-text-color: #f0b752; /* --control-text-color: var(--text-color); */ --control-text-color: #6db7d1; /* --control-text-hover-color: var(--text-color); */ --control-text-hover-color: #f0b752; --heading-char-color: #f0b752; } .dropdown-menu { background-color: #1a283d !important; border-color: #313d50 !important; } @font-face { font-family: 'Nunito'; font-style: normal; font-weight: normal; src: local("Nunito Sans Regular"), url("./cobalt/nunito/NunitoSans-Regular.woff") format("woff"); } @font-face { font-family: 'Nunito'; font-style: italic; font-weight: normal; src: local("Nunito Sans It"), url("./cobalt/nunito/NunitoSans-Italic.woff") format("woff"); } @font-face { font-family: 'Nunito'; font-style: normal; font-weight: bold; src: local("Nunito Sans Bold"), url("./cobalt/nunito/NunitoSans-ExtraBold.woff") format("woff"); } @font-face { font-family: 'Nunito'; font-style: italic; font-weight: bold; src: local("Nunito Sans Bold Italic"), url("./cobalt/nunito/NunitoSans-ExtraBoldItalic.woff") format("woff"); } html { background: #141b28; font-size: 0.925rem; } body { background: #141b28; color: #a9aaab; font-family: "Nunito", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; height: 100%; line-height: 1.6; } #write { background: #131b29; color: #a9aaab; margin: 0 auto; max-width: 800px; padding: 30px; padding-bottom: 100px; position: static; width: 90%; } #write>ul:first-child, #write>ol:first-child { margin-top: 30px; } a { color: #71bfd9; } h1, h2, h3, h4, h5, h6 { cursor: text; font-weight: bold; line-height: 1.4; margin-bottom: 1rem; margin-top: 1rem; position: relative; } #write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write pre { color: #efb752; width: auto; } #write h1::before, #write h2::before, #write h3::before, #write h4::before, #write h5::before, #write h6::before { border-radius: 0; bottom: 0; color: #517090; float: none; font-size: 1rem; font-variant: 'small-caps'; font-weight: bold; left: auto; line-height: 20px; padding: 0; position: absolute; right: calc(100% + 10px); vertical-align: baseline; } #write h1 { font-size: 3.2rem; margin: 0.6rem 0; } #write h1::before { bottom: 1.45rem; content: 'H1'; } #write h2 { font-size: 1.8rem; margin: 0.7rem 0; } #write h2::before { bottom: 0.2rem; content: 'H2'; } #write h3 { font-size: 1.2rem; margin: 0.5rem 0; } #write h3::before { bottom: 0.18rem; content: 'H3'; } #write h4 { font-size: 1rem; margin: 0.2rem 0; } #write h4::before { content: 'H4'; bottom: 0.15rem; } #write h5, #write h6 { font-size: 1rem; margin: 0; } #write h5::before, #write h6::before { bottom: 0.1rem; } #write h5::before { content: 'H5'; } #write h6::before { content: 'H6'; } h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { text-decoration: none; } h1 tt, h1 code { font-size: inherit; } h2 tt, h2 code { font-size: inherit; } h3 tt, h3 code { font-size: inherit; } h4 tt, h4 code { font-size: inherit; } h5 tt, h5 code { font-size: inherit; } h6 tt, h6 code { font-size: inherit; } h1 { border-bottom: 1px solid #f79f2a; font-size: 3.25em; line-height: 1.2; padding-bottom: 0.3em; } h2 { border-bottom: 1px solid #f79f2a; font-size: 2.75em; line-height: 1.225; padding-bottom: 0.3em; } h3 { font-size: 1.8em; line-height: 1.43; } h4 { font-size: 1.45em; } h5 { font-size: 1.2em; } h6 { font-size: 1em; } p, blockquote, ul, ol, dl, table { margin: 0.8em 0; } #write ol, #write ul { padding-left: 2rem; margin: .5rem 0; } #write ol>li, #write ul>li { color: #f0b752; } #write ol>li>*, #write ul>li>* { color: #b0b0b0; } #write ol>li>*:not(ol):not(ul), #write ul>li>*:not(ol):not(ul) { padding-left: .25rem; } #write ul { list-style-type: disc; } hr { background-color: #f0b752; border: 0 none; box-sizing: content-box; height: 2px; margin: 16px 0; overflow: hidden; padding: 0; } li p.first { display: inline-block; } ul, ol { padding-left: 30px; } ul:first-child, ol:first-child { margin-top: 0; } ul:last-child, ol:last-child { margin-bottom: 0; } blockquote { font-family: 'Nunito', 'Times New Roman', serif; margin: 1rem 0 1rem 2rem; position: relative; } blockquote::before { background: #f0b752; content: ''; height: 100%; left: -2rem; position: absolute; width: 0.25rem; } table { font-size: 0.875rem; padding: 0; word-break: initial; } table tr { border-top: 1px solid #57708d; margin: 0; padding: 0; } thead { background-color: #324963; color: #9dbbdd; } table tr th { border: 1px solid #57708d; border-bottom: solid 2px #ccc; border-bottom: 0; font-weight: bold; margin: 0; padding: 10px 16px; } table tr td { background: #192534; border: 1px solid #57708d; margin: 0; padding: 10px 16px; } table tr th:first-child, table tr td:first-child { margin-top: 0; } table tr th:last-child, table tr td:last-child { margin-bottom: 0; } .CodeMirror-lines { padding: 4px 0; } .code-tooltip { background: #1a283d; border-top: 1px solid #1a283d; box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3); } .dropdown-menu { color: #70c0d8; margin-right: 5px; } .file-action-item.not-empty-menu-group.show { background: #1a283d; border-color: #1a283d; } .sidebar-footer-main-item #sidebar-files-menu { background: #1a283d; border-color: #303d50 !important; color: #6db7d1; } .file-action-item.not-empty-menu-group.show a:hover, .dropdown-menu a:hover { background-color: #1a283d !important; color: #f4c25e !important; } .info-panel-tab.active, .info-panel-tab.active a { background: #000 !important; } .info-panel-tab.active { background: #000 !important; } .info-panel-tab-border { background: #000 !important; border-color: #000 !important; } .file-action-item a { color: #70bed9 !important; } .md-fences, /* code, */ tt { border-radius: 3px; color: #b9bcba; font-size: 0.9em; padding: 0; } code { background-color: #6952b6; border-radius: 4px; color: #fff; font-weight: bold; line-height: 1; padding: 5px 7px 2px 7px; } .md-fences { margin-bottom: 15px; margin-top: 15px; padding-bottom: 6px; padding-top: 8px; } .md-task-list-item>input { background: #1a283d; margin-left: -1.3em; } @media print { html { font-size: 13px; } table, pre { page-break-inside: avoid; } pre { word-wrap: break-word; } } .md-fences { /* background-color: #f8f8f8; */ } #write pre.md-meta-block { background-color: #1a283d; border: 0; border-radius: 3px; color: #fff; font-size: 85%; line-height: 1.45; margin-top: 0 !important; padding: 1rem; } .mathjax-block>.code-tooltip { bottom: 0.375rem; } .md-mathjax-midline { background: #fafafa; } #write>h3.md-focus:before { left: -1.5625rem; top: 0.375rem; } #write>h4.md-focus:before {