typora好看的颜色主题包 一、base.user.css 二、orangeheart.css 三、插入文件
一、base.user.css
h1, h2, h3, h4, strong { font-weight : 600;
} #write { counter-reset : h2;
} h1 { counter-reset : h2;
} h2 { counter-reset : h3;
} h3 { counter-reset : h4;
} h4 { counter-reset : h5;
} h5 { counter-reset : h6;
} @media print { pb { display : block; page-break-after : always; } h1 { page-break-before : always; } h1:first-of-type { page-break-before : avoid; }
} .task-list-done { text-decoration : line-through; color : #777;
} .task-list-not-done { } kbd { box-shadow : inset 0 -2px 0 #c6cbd1; background-color : white;
} code { color : #f50059;
} .md-toc-h1, .md-toc-h6 { display : none;
} .md-toc-content { counter-reset : toc-h2;
} .md-toc-h1 { counter-reset : toc-h2;
} .md-toc-h2 { counter-reset : toc-h3;
} .md-toc-h3 { counter-reset : toc-h4;
} .md-toc-h4 { counter-reset : toc-h5;
} .md-toc-h5 { counter-reset : toc-h6;
} .outline-content { counter-reset : outline-h2;
} .outline-h1 { counter-reset : outline-h2;
} .outline-h2 { counter-reset : outline-h3;
} .outline-h3 { counter-reset : outline-h4;
} .outline-h4 { counter-reset : outline-h5;
} .outline-h5 { counter-reset : outline-h6;
} #sidebar-content { font-family : '����' ;
} .CodeMirror-sizer { box-shadow : 3px 3px 3px rgba ( 0, 0, 0, 0.5) ;
}
.md-fences::before { content : '' ; background : #fa3534; width : 0.6rem; height : 0.6rem; border-radius : 50%; position : absolute; left : 8px; top : 4px; z-index : 999; box-shadow : 0.9rem 0px 0px #ff9900, 1.8rem 0px 0px #19be6b;
}
.CodeMirror { padding-top : 1rem !important ;
}
二、orangeheart.css
#write { max-width : 860px; font-size : 16px; color : black; padding : 0 10px; line-height : 1.6; word-spacing : 0px; letter-spacing : 0px; word-break : break-word; word-wrap : break-word; text-align : left; font-family : Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC' , Cambria, Cochin, Georgia, Times, 'Times New Roman' , serif;
}
#write p { font-size : 16px; padding-top : 8px; padding-bottom : 8px; margin : 0; line-height : 26px; color : black;
}
#write h1,
#write h2,
#write h3,
#write h4,
#write h5,
#write h6 { margin-top : 30px; margin-bottom : 15px; padding : 0px; font-weight : bold; color : black;
}
#write h1 { font-size : 1.5rem;
}
#write h2 { font-size : 1.3rem; border-bottom : 2px solid rgb ( 239, 112, 96) ;
}
#write h2 span { display : inline-block; font-weight : bold; background : rgb ( 239, 112, 96) ; color : #ffffff; padding : 3px 10px 1px; border-top-right-radius : 3px; border-top-left-radius : 3px; margin-right : 3px;
}
#write h2:after { display : inline-block; content : "" ; vertical-align : bottom; border-bottom : 36px solid #efebe9; border-right : 20px solid transparent;
}
#write h3 { font-size : 1.2rem;
}
#write h4 { font-size : 1.1rem;
}
#write h5 { font-size : 1rem;
}
#write h6 { font-size : 1rem;
}
#write ul,
#write ol { margin-top : 8px; margin-bottom : 8px; padding-left : 25px; color : black;
}
#write ul { list-style-type : disc;
}
#write ul ul { list-style-type : square;
}
#write ol { list-style-type : decimal;
}
#write li section { margin-top : 5px; margin-bottom : 5px; line-height : 26px; text-align : left; color : rgb ( 1, 1, 1) ; font-weight : 500;
}
#write blockquote { display : block; font-size : 0.9em; overflow : auto; overflow-scrolling : touch; border-left : 3px solid rgb ( 239, 112, 96) ; color : #6a737d; padding : 10px 10px 10px 20px; margin-bottom : 20px; margin-top : 20px; background : #fff9f9;
}
#write blockquote p { margin : 0px; color : black; line-height : 26px;
}
#write a { text-decoration : none; word-wrap : break-word; font-weight : bold; border-bottom : 1px solid #1e6bb8; color : rgb ( 239, 112, 96) ; border-bottom : 1px solid rgb ( 239, 112, 96) ;
}
#write p code,
#write li code { font-size : 14px; word-wrap : break-word; padding : 2px 4px; border-radius : 4px; margin : 0 2px; color : rgb ( 239, 112, 96) ; ; background-color : rgba ( 27, 31, 35, .05) ; font-family : Operator Mono, Consolas, Monaco, Menlo, monospace; word-break : break-all;
}
#write img { display : block; margin : 0 auto; max-width : 100%;
} #write span img { display : inline-block; border-right : 0px; border-left : 0px;
}
#write table { display : table; text-align : left;
}
#write tbody { border : 0;
}
#write table tr { border : 0; border-top : 1px solid #ccc; background-color : white;
}
#write table tr:nth-child(2n) { background-color : #F8F8F8;
}
#write table tr th,
#write table tr td { font-size : 16px; border : 1px solid #ccc; padding : 5px 10px; text-align : left;
}
#write table tr th { font-weight : bold; background-color : #f0f0f0;
}
#write span code, #write li code { color : rgb ( 239, 112, 96) ;
}
#write .md-footnote { font-weight : bold; color : rgb ( 239, 112, 96) ;
}
#write .md-footnote > .md-text:before { content : '['
}
#write .md-footnote > .md-text:after { content : ']'
}
#write .md-def-name { padding-right : 1.8ch;
}
#write .md-def-name:before { content : '[' ; color : #000;
}
#write .md-def-name:after { color : #000;
}
.cm-s-inner.CodeMirror { padding-top : .5rem; padding-bottom : .5rem; background-color : #292d3e; color : #a6accd; font-family : Consolas; border-radius : 4px;
}
.CodeMirror-lines { padding-left : 4px;
}
.cm-s-inner .cm-keyword { color : #c792ea;
}
.cm-s-inner .cm-operator { color : #89ddff;
}
.cm-s-inner .cm-variable-2 { color : #eeffff;
}
.cm-s-inner .cm-variable-3,
.cm-s-inner .cm-type { color : #f07178;
}
.cm-s-inner .cm-builtin { color : #ffcb6b;
}
.cm-s-inner .cm-atom { color : #f78c6c;
}
.cm-s-inner .cm-number { color : #ff5370;
}
.cm-s-inner .cm-def { color : #82aaff;
}
.cm-s-inner .cm-string { color : #c3e88d;
}
.cm-s-inner .cm-string-2 { color : #f07178;
}
.cm-s-inner .cm-comment { color : #676e95;
}
.cm-s-inner .cm-variable { color : #f07178;
}
.cm-s-inner .cm-tag { color : #ff5370;
}
.cm-s-inner .cm-meta { color : #ffcb6b;
}
.cm-s-inner .cm-attribute { color : #c792ea;
}
.cm-s-inner .cm-property { color : #c792ea;
}
.cm-s-inner .cm-qualifier { color : #decb6b;
}
.cm-s-inner .cm-variable-3,
.cm-s-inner .cm-type { color : #decb6b;
}
.cm-s-inner .cm-error { color : rgba ( 255, 255, 255, 1) ; background-color : #ff5370;
}
.cm-s-inner .CodeMirror-matchingbracket { text-decoration : underline; color : white !important ;
}
.CodeMirror div.CodeMirror-cursor { border-left : 1px solid rgb ( 239, 112, 96) ; z-index : 3;
}
三、插入文件