diff --git a/jonas.css b/jonas.css index 1c65741..e72e78d 100644 --- a/jonas.css +++ b/jonas.css @@ -4,7 +4,7 @@ Theme URL: https://github.com/Wolfxin/Typora-theme-jonas Authors: Jonas Wolfxin Author URL: https://github.com/Wolfxin/ Description: A Typora theme that uses GitHub Dark Color Scheme. -Version: 2.1 +Version: 2.0 Tags: dark, github, typora */ @@ -17,7 +17,7 @@ Tags: dark, github, typora /* 全局属性 */ :root{ --select-text-bg-color: #D2327F; - --bg-color: #202020; /*编辑面板背景色 也是菜单面板背景色 */ + --bg-color: #171717; /*编辑面板背景色 也是菜单面板背景色 */ --text-color: #FFFF00; /*菜单面板字体颜色*/ --md-char-color: #FF6E00; /*change color of meta characetrs like `*` in markdown */ --meta-content-color: #B3FF00; /*change color of meta contents like image text or link address in markdown */ @@ -85,12 +85,12 @@ Tags: dark, github, typora border-color: var(--active-file-border-color); } .pin-outline #outline-content .outline-active strong, .pin-outline .outline-active { - font-weight: 500; + font-weight: 700; color: #00FFC8; } html { - font-size: 14px; + font-size: 13px; font-weight: 400; /* 关于字重的名称与数字的对应关系: Thin / Hairline 100 @@ -147,39 +147,42 @@ body { /*正文*/ #write { - font-size: 14px; + font-size: 13px; text-align: left; max-width: 1000px; letter-spacing: 0px; } -/* 黑体的呈现方案 */ +/* 粗体的呈现方案 */ #write strong::before { -content: ''; + content: ''; } #write strong { -color: #FFFF00; -font-size: 15px; -font-weight: 500; + color: #FFFF00; + font-size: 1.2rem; + font-weight: 600; + padding: 0 2px 0 2px; } #write strong::after { content: ''; } + /*斜体的呈现样式*/ #write em { -color: #FF5C47; -font-size: 15px; -font-weight: 500; + color: #FF5100; + font-size: 1.2rem; + font-weight: 500; + padding: 0 5px 0 1px; } /* highlight. */ #write mark { font-weight: 900; - border-radius: 6px; + border-radius: 4px; padding: 3px; - color: #000E42; + color: #000000; background: #FFD400; } @@ -189,8 +192,8 @@ font-weight: 500; padding-bottom: 1px; /* line-height: 18px; 段内的行高*/ color: white; - margin-top: 3px; - margin-bottom: 3px; + margin-top: 6px; + margin-bottom: 6px; } /* todo item 对齐 */ @@ -213,7 +216,7 @@ font-weight: 500; margin-right: 4px; } #write h1 { - font-size: 2.3rem; + font-size: 2rem; color: #BAFF00; text-align: center; border-bottom: 1px solid #B1FF00; @@ -229,8 +232,8 @@ font-weight: 500; margin-right: 4px; } #write h2 { - font-size: 2.1rem; - color: #00FFC8; + font-size: 1.8rem; + color: #23c2ff; font-weight: 600; margin-bottom: .5em; border-bottom: 1px solid #00FFC8; @@ -244,7 +247,7 @@ font-weight: 500; margin-right: 4px; } #write h3 { - font-size: 1.9rem; + font-size: 1.6rem; color: #96FF00; font-weight: 600; margin-left: .6em; @@ -261,7 +264,7 @@ font-weight: 500; margin-right: 4px; } #write h4 { - font-size: 1.7rem; + font-size: 1.4rem; font-weight: 600; margin-left: 1.2em; margin-bottom: .5em; @@ -276,7 +279,7 @@ font-weight: 500; margin-right: 4px; } #write h5 { - font-size: 1.5rem; + font-size: 1.3rem; font-weight: 600; margin-left: 1.8em; margin-bottom: .5em; @@ -288,7 +291,7 @@ font-weight: 500; margin-right: 4px; } #write h6 { - font-size: 1rem; + font-size: 1.1rem; font-weight: 500; margin-top: .5em; margin-bottom: .5em; @@ -340,10 +343,6 @@ ul:last-child, ol:last-child { margin-bottom: .5em; } -.typora-export li { - font-size: 15px !important; - text-align: justify !important; -} /* 列表内容 */ #write li section { @@ -376,10 +375,11 @@ blockquote .md-end-block.md-heading:before { } #write blockquote { - margin: 3px 3px 3px 3px; - padding: 5px 5px 2px 10px; - background: #404040; + margin: 3px 0px 3px 0px; + padding: 5px 5px 5px 10px; + background: #303030; border-left: 3px solid #FFD800; + border-radius: 5px; overflow: hidden; -webkit-overflow-scrolling: touch; } @@ -432,7 +432,7 @@ blockquote .md-end-block.md-heading:before { } .md-math-tex inline-math-svg { - font-size: 1.4rem; + font-size: 1.2rem; } .md-rawblock-panel .code-tooltip { @@ -566,12 +566,6 @@ p.mathjax-block, background-image: linear-gradient(to right,rgba(255, 0, 0, 1),rgba(255, 255, 0, 1),rgba(0, 255, 0, 1),rgba(0, 255, 255,1),rgba(0, 0, 255,1),rgba(255, 0, 255, 1),rgba(255, 20, 20, 1)); } -/* background-color 由 rgba 转为 HEX*/ -#write code{ - font-size: 13px; - color: #00FFF2; /*着重号``内的内容*/ - background-color: #404040; -} /* 行内代码 */ #write p code, @@ -595,7 +589,7 @@ p.mathjax-block, } #write table tr th, #write table tr td { - font-size: 14px; + font-size: 13px; line-height: 1.5; color: #FFFFFF; border: 1px solid rgba(255,238,0,0.5); @@ -612,7 +606,7 @@ p.mathjax-block, /* 上角标 */ #write .md-footnote { - font-size: 15px; + font-size: 1.1rem; font-weight: bold; color: #00FFBA; background-color: #505050; @@ -639,7 +633,6 @@ p.mathjax-block, /* 代码块主题 */ code { - font-size: 14px; font-family: "Fira Code", "Microsoft YaHei", sans-serif; padding: 0 0 0 20px; border: 1px solid #FFE356; @@ -648,16 +641,16 @@ code { padding: 0 0 0 3px; } .md-fences { - font-size: 14px; + font-size: 13px; font-family: "Fira Code", "Microsoft YaHei", sans-serif; margin: .5em 0 1em 0; /*上 右 下 左*/ - background-color: #404040; - color: rgb(236, 236, 236); + background-color: #222222; + color: rgb(245, 245, 245); border: 1px solid #FFE356; border-radius: 5px; /* font-size: 1em; */ - padding: 5px 0 5px 0; /*代码段内容框的padding*/ - box-shadow: 0px 0px 0px grey; + padding: .5rem 0 .5rem 0; /*代码段内容的padding*/ + box-shadow: 0px 0 0px 0 grey; } @@ -729,7 +722,7 @@ code { color: #F6F905; } .cm-s-inner .cm-builtin { - color: #ffcb6b; + color: cyan; } .cm-s-inner .cm-atom { color: #FFC200; @@ -741,19 +734,18 @@ code { color: #82aaff; } .cm-s-inner .cm-string { - color: #c3e88d; + color: #FFD800; } .cm-s-inner .cm-string-2 { color: #FFC200; } .cm-s-inner .cm-comment { - color: #00FF8C; + color: #00F48C; } .cm-s-inner .cm-variable { - color: #1DC9E1; -} + color: #A0FF00} .cm-s-inner .cm-tag { - color: #A0FF00; + color: #B647FF; } .cm-s-inner .cm-meta { color: #FFDB00; @@ -762,7 +754,7 @@ code { color: #d2a8ff; } .cm-s-inner .cm-attribute { - color: #FF000E; + color: #f93122; } .cm-s-inner .cm-property { color: #c792ea; @@ -922,20 +914,20 @@ div.cm-s-inner[lang="ruby"] .cm-atom { /* Exports */ .typora-export li { - font-size: 1.25rem !important; - padding-bottom: 10px !important; + font-size: 1rem !important; + padding-bottom: 5px !important; } .typora-export { - --monospace: "Fira Code"; + --monospace: "Fira Code",monospace; } .typora-export pre.md-fences { - font-size: 1.15rem !important; + font-size: 1rem !important; } .typora-export code { - font-size: 1.15rem !important; + font-size: 1rem !important; } .typora-export strong { @@ -944,16 +936,16 @@ div.cm-s-inner[lang="ruby"] .cm-atom { .typora-export #write a { - color: #58a6ff; + color: #FFB900; } .typora-export .footnote-line { - color: #c9d1d9; - font-size: 15px !important; + color: #FF5400; + font-size: 1.1rem !important; } .typora-export .footnote-line a { - color: #58a6ff; + color: #00FF62; }