修改Typora主题的CSS
本帖最后由 lyys29 于 2023-11-1 08:31 编辑个人喜爱的Typora主题，可以修改Typora主题的CSS
1. 在cobalt主题中隐藏标题前的`H1`、`H2`、`H3`等标记：
在cobalt.css文件中，找到`.md-heading`相关的CSS规则，添加以下内容：
```css
.md-heading .heading-counter {
display: none;
}
```
2. 要将cobalt主题的页面宽度设置为与vuedark相同的宽度，请在cobalt.css文件中找到`.typora-export`相关的CSS规则，将`max-width`属性的值更改为与vuedark.css中相同的值。例如，如果vuedark的宽度为`1000px`，则应该这样修改：
```css
.typora-export {
max-width: 1000px;
}
```
3. 要将vuedark主题中的反引号（Back quote）样式更改为cobalt主题的样式，请将cobalt.css中与`.md-inline-code`相关的CSS规则复制到vuedark.css文件中，替换现有的`.md-inline-code`规则。例如，如果cobalt中的规则如下：
```css
.md-inline-code {
background-color: #2c3e50;
color: #e67e22;
padding: 2px 4px;
border-radius: 3px;
}
```
复制此规则并替换vuedark.css中的`.md-inline-code`规则。
完成上述更改后，保存并重新启动Typora。
----------------------------------------------------------------------------------------------------------------------------------------------
(补上图)
一、查看 markdown 文件，使用码农喜爱的cobalt主题 ，标题比水印还要淡，暗黑深爱，全屏就可以专注了。这就是我想的效果。
二、从这里开始尝试，先 Everything 搜一下，cobalt.css，找到它位置。
三、动手之前，一定要备份哦。。。。。
四、文件很长，我也不太明白，但确实可以一个个地修改。
五、仍在继续中，感谢大家来此分享心得！！！
markdown格式代码插入可以参考这个帖子
【公告】发帖代码插入以及添加链接教程（有福利）
https://www.52pojie.cn/thread-713042-1-1.html
(出处: 吾爱破解论坛) 不给个图看一下吗? 没有图片吗？ 来张图？ 我也想看看效果图 typora默认的效果看上去简直一言难尽。不过习惯也就好了，懒得折腾这这些了 最后修改的效果图呢
页:
[1]