Typora 修改块代码的颜色

修改块代码的颜色

我现在块代码的颜色:
image-20210830222316898

  • 打开主题文件夹

    设置 -> 偏好设置 -> 打开主题文件夹

  • 打开github.css

    .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: #f8e8ea;	//背景色
        padding: 2px 2px 2px 2px;	//间距:上 右 下 左
        color: red;					//字体颜色
    }
    //这是需要改的内容↑
    .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 {
    
  • 保存重启即可

  • 14
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Typora中设置代码颜色可以通过修改样式文件来实现。首先,你需要找到Typora的安装目录,默认为C:\Program Files\Typora\resources\app\style\。在该目录下找到base-control.css文件。打开该文件后,搜索.CodeMirror-lines,找到max-width属性,将其值改为1200。这将设置编辑器的宽度。\[2\] 接下来,你需要打开github.css文件。在该文件中,你可以找到.md-fences、code和.md-fences等样式。你可以根据需要修改这些样式来改变代码颜色。例如,你可以修改code样式的background-color属性来改变代码的背景色,修改color属性来改变字体颜色。\[3\] 请注意,修改样式文件可能会影响到其他部分的样式,所以在修改之前最好备份一下原始文件。另外,修改样式文件后,你可能需要重新启动Typora才能看到修改后的效果。 #### 引用[.reference_title] - *1* *2* [Typora 更改编辑器、源代码模式的宽度、代码颜色](https://blog.csdn.net/xiaojin21cen/article/details/90292315)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Typora 修改代码颜色](https://blog.csdn.net/weixin_44560698/article/details/120309042)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Jacob-xyb

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值