修改 Typora 主题样式

操作步骤:

  1. 打开 Typora 主题文件夹:文件偏好设置外观主题 – 打开主题文件夹(FilePreferenceAppearance – (Themes) Open Theme Folder)
    修改 Typora 主题样式_第1张图片
  2. 新增用户自定义样式文件 base.user.css
/* CSDN code snippet */
code {
     
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 2px
}

/* Spring Doc selected text*/
::selection {
     
    background-color: #D1FE78
}

效果图:

自定义样式效果图

注意事项

  1. 样式文件加载先后顺序:
    1. Typora 基本样式;
    2. 当前主题样式;
    3. 通用自定义样式:主题文件夹下 base.user.css 中的样式(样式文件需自行添加);
    4. 当前主题自定义样式: {current-theme}.user.css,如 github.cssNewspring.css 等;
  2. 自定义样式最好单独备份,以便后续版本更新后直接复用。

官网参考

设置自定义样式:https://support.typora.io/Add-Custom-CSS/
设置新主题:https://support.typora.io/About-Themes/

你可能感兴趣的:(日常小问题,Typora,主题,自定义样式,CSS,样式)