打造一套全村最亮的Typora主题

打造一套全村最亮的Typora主题

作者：不染心

时间：2021/8/31

一、如何下载新的主题

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

我们下载的所有主题.css文件都放在这个文件夹下，然后点击主题选择即可。

二、开发自己喜欢的主题

将github.css 复制出一个自己的样式文件github_my.css

例如，搜索一下标签名，添加样式：

• 添加 h1 的背景色：

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
  	border-radius: 10px; // 添加的
  	background-image: linear-gradient(to left, white , #F60);// 添加的
      padding: 7px;// 添加的
  	
      position: relative;
      margin-top: 1rem;
      margin-bottom: 1rem;
      font-weight: bold;
      line-height: 1.4;
      cursor: text;
  }
  h2{
  	background-image: linear-gradient(to left, white , #ff9b59);// 添加的
  }
  h3,h4,h5,h6 {
  	background-image: linear-gradient(to left, white , #ffdbaf);// 添加的
  }
  

• 代码的边框：

  .md-fences,
  code,
  tt {
      border: 1px dashed #010101; // 添加的
      background-color: #f8f8f8;// 添加的
      border-radius: 5px;
      padding: 0;
      padding: 2px 4px 0px 4px;
      font-size: 0.9em;
  }
  

• 整个软件的背景色：

  :root {
  	--bg-color: #e8f8d8;// 添加的
      --side-bar-bg-color: #e8f8d8;// 添加的
      --control-text-color: #777;
  }
  

有啥好看的修改方案大家一起讨论哈！