Typora更改代码块颜色

原创

已于 2023-05-14 01:20:17 修改 · 3.9k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#typora

于 2023-05-14 01:04:37 首次发布

博客提供了两个参考链接，一个是typora.net的490.html页面，另一个是huaweicloud.youkuaiyun.com的相关页面，可能与Typora工具有关。

Typora中，找到主题文件夹：文件 -> 偏好设置 -> 外观 ->打开主题文件夹。
主题文件夹下创建base.user.css文件，内容如下：

 
.CodeMirror-line .cm-number{
   
   color:#7f6bff} /*数字，蓝色*/
.CodeMirror-line .cm-property {
   
   
    color: #f08d49;
}
.CodeMirror-line .cm-variable-3{
   
   color:#ffed6b} /*返回值、变量类型，int、void等，淡黄色*/
.CodeMirror-line .cm-qualifier{
   
   color:#888}
.CodeMirror-line .cm-variable-2 {
   
   
    color: #888;
} 
.CodeMirror-line .cm-meta{
   
    color:#BBFFFF}  /* 头文件、宏定义一整行 青色*/
.CodeMirror-line .cm-atom {
   
    color:#f9ff00} /* true、false 黄色*/
.CodeMirror-line .cm-keyword{
   
       color: #ff1800;} /* if、return等关键字红色*/

.CodeMirror-line .cm-def{
   
    color:#00ff00  } /* 函数定义，绿色 */


.CodeMirror-line .cm-variable {
   
    color: #90EE90; } /* 入参定义，亮绿色 */

.CodeMirror-line .cm-builtin {
   
   
    color: #82AAFF;
}/* 蓝色 */
.CodeMirror-line .cm-comment {
   
   
    color: #888;
} /* 灰色 */
.CodeMirror-line .cm-string{
   
    color: #82AAFF  } /* 字符串， 蓝色*/
.CodeMirror-line .cm-string-2 {
   
    color: #888  }
.CodeMirror-line .cm-operator {
   
   color: #ff1800}/* +=等操作符，红色*/
.CodeMirror div.CodeMirror-cursor {
   
   
    border-left: 1px solid #fff;
    z-index: 3;
}
.CodeMirror-selected,
.CodeMirror-selectedtext {
   
   
    background: #666 !important;
}
 
 
.CodeMirror-line .cm-tag{
   
   
    color: #F07178;
}
.CodeMirror-line .cm-bracket{
   
   
    color: #FFF;
}
.CodeMirror-line .cm-attribute{
   
   
    color: #FFCB6B;
}

.sidebar-content {
   
   
    counter-reset: h1
}
 
.outline-h1 {
   
   
    counter-reset: h2
}
 
.outline-h2 {
   
   
    counter-reset: h3
}
 
.outline-h3 {