Typora中主题样式配置

发表于 更新于 分类于
Typora中主题样式配置

前言

本文主要说一下Typora中自定义主题样式。

常用配置

顶部描述

文档顶部描述部分

1
2
3
4
5
6
7
8
9
10
---
layout: post
title: Typora中主题配置
description: Typora中主题配置
date: 2022-07-07
tags: 
	- markdown
categories: markdown

---

对应样式

1
2
3
#write pre.md-meta-block {

}

引用

1
> 引用

对应样式

1
2
3
blockquote {
    
}

内联代码

1
`强调`

对应样式

1
2
#write code, tt {
}

块状代码

1
2
3
```bash

```

对应样式

1
2
3
#write .md-fences {

}

代码高亮

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
/* code color */
.cm-s-inner .cm-keyword {
  color: #c084fc;
}

.cm-s-inner .cm-atom,
.cm-s-inner.cm-atom {
  color: #818cf8;
}

.cm-s-inner .cm-number {
  color: #34d399;
}

.cm-s-inner .cm-def {
  color: #60a5fa;
}

.cm-s-inner .cm-variable {
  color: #f1f5f9;
}

.cm-s-inner .cm-variable-2 {
  color: #22d3ee;
}

.cm-s-inner .cm-variable-3 {
  color: #4ade80;
}

.cm-s-inner .cm-string {
  color: #fbbf24;
}

.cm-s-inner .cm-property {
  color: #f1f5f9;
}

.cm-s-inner .cm-operator {
  color: #f87171;
}

.cm-s-inner .cm-comment,
.cm-s-inner.cm-comment {
  color: #7a9adb;
}

.cm-s-inner .cm-string-2 {
  color: #fb923c;
}

.cm-s-inner .cm-meta {
  color: #b1b1ca;
}

.cm-s-inner .cm-qualifier {
  color: #629ddc;
}

.cm-s-inner .cm-builtin {
  color: #7afee8;
}

.cm-s-inner .cm-bracket {
  color: #d4d4d8;
}

.cm-s-inner .cm-tag {
  color: #4ade80;
}

.cm-s-inner .cm-attribute {
  color: #818cf8;
}

.cm-s-inner .cm-header,
.cm-s-inner.cm-header {
  color: #60a5fa;
}

.cm-s-inner .cm-quote,
.cm-s-inner.cm-quote {
  color: #4ade80;
}

.cm-s-inner .cm-hr,
.cm-s-inner.cm-hr {
  color: #71717a;
}

.cm-s-inner .cm-link,
.cm-s-inner.cm-link {
  color: #38bdf8;
}

.cm-negative {
  color: #eea1a1
}

.cm-positive {
  color: #90cc90
}

.cm-header,
.cm-strong {
  font-weight: 700
}

.cm-error {
  color: #ff7f7f
}

.cm-invalidchar {
  color: #ff7f7f
}

.cm-constant {
  color: #42b983
}

.cm-defined {
  color: #dac37f
}