魔改 Typora 主题

Posted xioacd99

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了魔改 Typora 主题相关的知识,希望对你有一定的参考价值。

:root 
    /* 这是右边内容区的背景色 */
    --bg-color: #EEE9E9;
    /* 这是所有文字的颜色 */
    --text-color: #000000;
    /* 改变元内容的颜色,例如 markdown 中和链接地址,一般没用 */
    --meta-content-color: blue
    /* 这个是当前项的背景色 */
    --active-file-bg-color: #eeeeee;
    /* 这个是当前选中文件的名字颜色 */
    --active-file-text-color: black;
    /* 这个是当前选中文件的名字左边的那一条小杠 */
    --active-file-border-color: #99CCFF;
    /* 这个是侧边栏的背景色 */
    --side-bar-bg-color: rgb(234, 234, 235);
    /* 这是鼠标悬停在大纲/组件的某一节的时候下面的小节的背景色 */
    /* --item-hover-bg-color: #fafafa; */


@font-face 
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('./github/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;


/* open-sans-italic - latin-ext_latin */

@font-face 
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: normal;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('./github/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;


/* open-sans-700 - latin-ext_latin */

@font-face 
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: bold;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('./github/open-sans-v17-latin-ext_latin-700.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;


/* open-sans-700italic - latin-ext_latin */

@font-face 
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: bold;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('./github/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;


html, body 
    letter-spacing: 1px;


html 
    font-size: 16px;


body 
    font-family: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.6;


#write 
    max-width: 860px;
    margin: 0 auto;
    padding: 30px;
    padding-bottom: 100px;


@media only screen and (min-width: 1400px) 
    #write 
        max-width: 1024px;
    


@media only screen and (min-width: 1800px) 
    #write 
        max-width: 1200px;
    


#write>ul:first-child, #write>ol:first-child 
    margin-top: 30px;


a 
    color: #4183C4;


h1, h2, h3, h4, h5, h6 
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
    line-height: 1.4;
    cursor: text;


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 
    font-size: 1.25em;
    line-height: 1.43;


h2 
    font-size: 1.25em;
    line-height: 1.43;


h3 
    font-size: 1.25em;
    line-height: 1.43;


p, blockquote, ul, ol, dl, table 
    margin: 0.8em 0;


li>ol, li>ul 
    margin: 0 0;


hr 
    height: 2px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0 none;
    overflow: hidden;
    box-sizing: content-box;


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 
    border-left: 4px solid #99CCFF;
    color: #777777;
    padding: 0 15px;


blockquote blockquote 
    padding-right: 0;


table 
    padding: 0;
    word-break: initial;


table tr 
    border-top: 1px solid #dfe2e5;
    margin: 0;
    padding: 0;


table tr:nth-child(2n), thead 
    background-color: #f8f8f8;


table tr th 
    font-weight: bold;
    border: 1px solid #dfe2e5;
    border-bottom: 0;
    margin: 0;
    padding: 6px 13px;


table tr td 
    border: 1px solid #dfe2e5;
    margin: 0;
    padding: 6px 13px;


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-left: 4px;


.code-tooltip 
    box-shadow: 0 1px 1px 0 rgba(0, 28, 36, .3);
    border-top: 1px solid #eef2f2;


.md-fences, code, tt 
    border: 1px solid #e7eaed;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 0;
    padding: 2px 4px 0px 4px;
    font-size: 0.9em;


code 
    background-color: #f3f4f4;
    padding: 0 2px 0 2px;


.md-fences 
    margin-bottom: 15px;
    margin-top: 15px;
    padding-top: 8px;
    padding-bottom: 6px;


.md-task-list-item>input 
    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 
    padding: 1rem;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border: 0;
    border-radius: 3px;
    color: #777777;
    margin-top: 0 !important;


.mathjax-block>.code-tooltip 
    bottom: .375rem;


.md-mathjax-midline 
    background: #fafafa;


#write>h3.md-focus:before 
    left: -1.5625rem;
    top: .375rem;


#write>h4.md-focus:before 
    left: -1.5625rem;
    top: .285714286rem;


#write>h5.md-focus:before 
    left: -1.5625rem;
    top: .285714286rem;


#write>h6.md-focus:before 
    left: -1.5625rem;
    top: .285714286rem;


.md-image>.md-meta 
    /*border: 1px solid #ddd;*/
    border-radius: 3px;
    padding: 2px 0px 0px 4px;
    font-size: 0.9em;
    color: inherit;


.md-tag 
    color: #a7a7a7;
    opacity: 1;


.md-toc 
    margin-top: 20px;
    padding-bottom: 20px;


.sidebar-tabs 
    border-bottom: none;


/** focus mode */

.on-focus-mode blockquote 
    border-left-color: rgba(85, 85, 85, 0.12);


header, .context-menu, .megamenu-content, footer 
    font-family: "Segoe UI", "Arial", sans-serif;


.file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state 
    visibility: visible;


.mac-seamless-mode #typora-sidebar 
    background-color: #fafafa;
    background-color: var(--side-bar-bg-color);


.md-lang 
    color: #b4654d;


.html-for-mac .context-menu 
    --item-hover-bg-color: #E6F0FE;


#md-notification .btn 
    border: 0;


.dropdown-menu .divider 
    border-color: #e5e5e5;


.ty-preferences .window-content 
    background-color: #fafafa;


.ty-preferences .nav-group-item.active 
    color: white;
    background: #999;

以上是关于魔改 Typora 主题的主要内容,如果未能解决你的问题,请参考以下文章

typora修改主题和字体

typora修改主题和字体

typora 基本使用和更换typora的主题样式

Typora主题定制之数学公式和字体篇

花里胡哨之Typora主题

花里胡哨之Typora主题