Skip to content

Commit

Permalink
smaller the font-size, more darker
Browse files Browse the repository at this point in the history
  • Loading branch information
@Jonas-Wolfxin
Jonas-Wolfxin committed Jun 11, 2021
1 parent 3e5d9f4 commit 99fb8bc
Showing 1 changed file with 54 additions and 62 deletions.
116 changes: 54 additions & 62 deletions jonas.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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
*/

Expand All @@ -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 */
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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;
}

Expand All @@ -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 对齐 */
Expand All @@ -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;
Expand All @@ -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;
Expand All @@ -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;
Expand All @@ -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;
Expand All @@ -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;
Expand All @@ -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;
Expand Down Expand Up @@ -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 {
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -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 {
Expand Down Expand Up @@ -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,
Expand All @@ -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);
Expand All @@ -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;
Expand All @@ -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;
Expand All @@ -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;
}


Expand Down Expand Up @@ -729,7 +722,7 @@ code {
color: #F6F905;
}
.cm-s-inner .cm-builtin {
color: #ffcb6b;
color: cyan;
}
.cm-s-inner .cm-atom {
color: #FFC200;
Expand All @@ -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;
Expand All @@ -762,7 +754,7 @@ code {
color: #d2a8ff;
}
.cm-s-inner .cm-attribute {
color: #FF000E;
color: #f93122;
}
.cm-s-inner .cm-property {
color: #c792ea;
Expand Down Expand Up @@ -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 {
Expand All @@ -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;
}


Expand Down

0 comments on commit 99fb8bc

Please sign in to comment.