Typora代码块颜色变更

已于 2023-03-28 22:24:15 修改
阅读量1.3k 收藏 1
点赞数 1
文章标签： java 编辑器
于 2023-03-28 22:17:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dwangc/article/details/129826436
版权

Typora代码块颜色变更

使用typora做学习记录很方便，但是代码高亮的时候，代码注释的颜色总是让人感到不爽。很让人跳戏。
在这里插入图片描述
想把他变更为灰色，mac版本操作如下：(window差不多)
1、打开偏好设置
2、选择外观
3、打开主体文件夹
4、选择想修改的对应主题
5、更新主题文件
具体效果：
在这里插入图片描述
自己调试了好久，自己用的是github主题
文件放链接啦

css更新

dwangc
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
typora的黑色主题
03-20
个人比较喜欢的几种typora暗黑主题. 速度慢的话可以看看这个.
Typora更改代码块颜色
HHT0506的博客
05-14 2862
Typora中，找到主题文件夹：文件 -> 偏好设置 -> 外观 ->打开主题文件夹。 主题文件夹下创建base.user.css文件，内容如下： .CodeMirror-line .cm-number{color:#7f6bff} /*数字，蓝色*/ .CodeMirror-line .cm-property { color: #f08d49; } .CodeMirror-line .cm-variable-3{color:#ffed6b} /*返回值、变量类型，int、v
Typora代码块配色和标题自带序号的实现代码
01-18
效果：标题自带序号，代码块配色，代码块左上角仿mac图标 先打开主题文件夹 文件>偏好设置>外观>打开主题文件夹 然后编辑base.user.css（如果没有就新建一个）文件 将以下代码加入即可 /*标题自动添加序号*/ .sidebar-content { counter-reset: h1 } .outline-h1 { counter-reset: h2 } .outline-h2 { counter-reset: h3 } .outline-h3 { counter-reset: h4 } .outline-h4 { counter-rese
Typora高级用法
最新发布
xiaodaidaiPromax_2024
06-18 978
此插件是高级插件，仅对有 javascript 基础的用户开放。功能：提供开放能力，支持用户自己写插件。具体使用请参考请读我.md。本人并非前端开发，前端技术全靠 Google，JS/CSS 写的很烂。本项目遵循 MIT 协议，请自由地享受。如果对各位有用的话，欢迎 star ⭐，欢迎推荐给你志同道合的朋友使用。
Typora 修改块代码的颜色
Jacob_xyb
09-15 9710
修改块代码的颜色 我现在块代码的颜色： 打开主题文件夹 设置 -> 偏好设置 -> 打开主题文件夹 打开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; }
Typora 更改编辑器、源代码模式的宽度、块代码的颜色
热门推荐
猎人在吃肉
05-17 2万+
设置 源码编辑器 的宽度 在 C:\Program Files\Typora\resources\app\style\ 下，找到 base-control.css 文件 ，找到 #typora-source 更改其最大宽度 max-width 为1200 ，如图所示： 设置 编辑器（主题） 的宽度 普通编辑器的配置文件 并不在 Typora 的安装目录， 是在 C:\Users\Administ...
Typora主题代码更改(引用块颜色, 标题样式和颜色, 行内代码样式)
weixin_44809386的博客
10-03 7830
Typora主题库中的主题总有自己不喜欢的部分所以自己在github主题的基础上做了一些更改。
自定义typora样式，如引用块颜色
knighthood2001
01-15 992
要进行自定义typora中的样式，你最好像我一样，自己新建一个主题首先文件->偏好设置->打开主题文件夹然后自己新建一个文件夹，可以命名为selfmake，并copy一下github.css一个副本，将其命名为selfmake.css，这样你重启typora后选择主题就能看到自己的主题了。
在`typora`中修改内联代码颜色
qq_44579321的博客
10-14 148
【代码】在`typora`中修改内联代码颜色。
typora 修改块代码 和 代码块的背景色
欢迎私信、留言交流
07-15 1868
typora 方便快捷的设置 区别代码块和块代码
Typora修改代码块光标颜色
m0_37328953的博客
03-27 219
打开Typora，按shift+F12，打开开发者人员工具。选中代码块的同时，找到当前代码块的。
Typora设置引用块的颜色
小小关的博客
09-06 587
使用主题github主题的引用块的颜色默认是灰色的，可以设置成自定义的颜色（此处设置为#53e873）。选择github.css文件，使用编辑器打开。将原先的样式修改的样式为（可按自己喜好设置）点击左上角顶上的文件，点击偏好设置。选择外观-主题，打开主题文件夹。blockquote样式修改。找到原先引用块的控制样式。
Typora中设置文字颜色
m0_63615119的博客
04-30 2012
Typora中设置文字颜色
Typora文本颜色设置
巧克力配酸奶的博客
06-12 8325
记录修改typora编辑文本颜色的两种方式效果如下这是Red色\textcolor{Red}{这是Red色}这是Red色这是Plum色\textcolor{Plum}{这是Plum色}这是Plum色。
Typora代码块样式——代码块光标颜色
weixin_46156238的博客
06-12 924
Typora主题修改代码块光标颜色
csdn 代码块颜色不变？改变csdn中代码块颜色~
vida990717的博客
03-28 935
最近刚刚开始用csdn写博客，遇到的问题是代码块颜色不变，看着超级别扭~~ 在设置中改变代码片样式也没有作用 o(╥﹏╥)o 如图： 改变的办法是：在插入代码块的三个小点点后面写上语言名称，如下图所示： 立刻顺眼~ ...
Typora软件背景设置为黑色
SSS4362的博客
08-15 1790
Typora软件背景设置为黑色
【Typora】 自定义背景颜色（护眼绿） 高亮颜色 选中内容颜色 高亮快捷键
cc2855816075的博客
08-14 2091
【Typora】 自定义背景颜色（护眼绿） 高亮颜色 选中内容颜色 高亮快捷键。注意查看当前使用的主题content {} mark {}打开意为ctrl+q快捷键实现文本高亮。
typora修改主题字体、代码块字体、行内块代码字体大小、引用块字体大小、代码块背景颜色、文章可写区域宽度以及修改教程
m0_62283830的博客
07-13 2万+
typora修改主题字体、代码块字体、行内块代码字体大小、引用块字体大小、代码块背景颜色以及修改教程
typora代码块一个颜色
07-25
回答: 如果你想在Typora中修改代码块的颜色，你可以按照以下步骤进行操作： 1. 打开Typora的偏好设置。 2. 选择外观选项。 3. 打开主题文件夹。 4. 找到你想修改的主题文件。 5. 更新主题文件。 具体来说，如果你想将代码注释的颜色更改为灰色，你可以打开主题文件夹，找到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 { ... } ``` 你可以将其中的`background-color`属性的值改为灰色的色值，比如`#f8f8f8`。然后保存文件，重新打开Typora，你应该能看到代码注释的颜色已经变为灰色了。\[1\]\[2\] #### 引用[.reference_title] - *1* [Typora代码块颜色变更](https://blog.csdn.net/dwangc/article/details/129826436)[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] - *2* [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 ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值