修改Typora主题的CSS

lyys29

个人喜爱的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
(出处: 吾爱破解论坛)

AlanQuain

不给个图看一下吗?

banliangjm

没有图片吗？

Matale

来张图？

zuohaoda

我也想看看效果图

ignativs

typora默认的效果看上去简直一言难尽。不过习惯也就好了，懒得折腾这这些了

zhang772793528

最后修改的效果图呢