typora改变字体颜色

Typora美化篇-小白教程2

1. 侧边栏美化

1.1 侧边栏圆角

1.1.1 需要修改的CSS文件

  • window.css文件，是通过开发者工具来确定的这个文件通常在以下目录中：

C:\Program Files\Typora\resources\style，它是通过开发者工具查看标签所确认的。

  • 如上图所示，我们可以通过修改window.css文件中的#typora-sidebar标签，来修改圆角。（上图是已经修改过的图片）
  • 修改代码：

  • 箭头① 修改圆角的半径为50px，可根据自己喜欢设置
  • 箭头② 修改侧边栏的背景色为antiquewhite，可根据自己的喜欢设置
  • 箭头③ 修改侧边栏的边框为实线，可根据自己喜好设置

2.字体背景美化

2.1 正文内文字选择后的颜色设置

因为背景图的原因，原先选择文字后的字体颜色较浅，几乎不易分辨。因此我们可以通过修改“selection”中的颜色属性进行更改颜色。

① 通过开发者工具，可以看到上图所示，该属性可以通过bass.css文件进行修改，可以将鼠标移动到bass.css上方以查看该文件的地址。通常默认安装的话，它的地址是在C:\Program Files\Typora\resources\style 路径中。如下图所示。

② 通过VScode打开base.css文件修改其中Selection中的颜色属性。修改css文件前记得先备份原文件，一旦修改出错的话还可以覆盖还原。

③ 以下是我修改的代码

其中左侧为修改的代码，将选中后的文字背景色修改为了黑色black，将选中后的文字的颜色变为了红色。

3. h1~h2标题下的横线修改

3.1 需要修改的文件Github.css

  • 文件位置通常在以下目录中：C:\Users\注意这里是你自己的用户名\AppData\Roaming\Typora\themes。或者：依次点击“文件”→“偏好设置”→“外观”→“打开主题文件夹”就可以找到
  • 使用VScode打开该文件，将下图箭头指示的地方进行修改即可

其中2px代表下横线的宽度是2像素，#后面的是颜色代码，我目前的颜色是根据标题的颜色来设置的，你也可以根据自己喜欢的颜色来设置。

根据昨天的以及今天的教程，我们实现的美化效果如下。

重播
播放
00:00 / 00:00 正在直播
00:00
进入全屏

50

点击按住可拖动视频
赞 (0)

相关推荐

  • 魔秀主题制作时怎么改变字体颜色?

    用了魔秀桌面之后，有些主题是听好看的，但是用了之后，字看不清了，字的颜色跟背景的颜色差不多，看着都累，那么魔秀主题制作时怎么改变字体颜色?相信很多朋友都很想知道吧，不用担心，下面小编就为大家介绍方法， ...

  • cdr改变字体颜色完整讲解方法

    cdr改变字体颜色的方法：取消群组，全选文本，改变字体颜色三步骤完成. cdr改变字体颜色操作很简单，按照下面操作即可。 1.如果有群组文字，执行“排列——取消全部群组”。 2.选中CDR里面需要改变 ...

  • WORD2013如何设置快捷键迅速改变字体颜色?

    文件→ 选项→ 自定义功能区→点击左下角的键盘快捷方式的自定义→选择所有命令→右边的英文找到color:. 就可以自定义了,定好后记得点击左下角的指定.然后直接关闭就可以了. 不过颜色不是很多.这是单 ...

  • 在Excel表格中如何改变字体颜色呢?

    Excel 如何改变字体颜色呢?想要改变颜色,很简单哦,来试试吧. 步骤 1.打开excel表格,输入一些汉字. 第一种方法直接在开始中找到A颜色就是字体颜色修改了. 如果没有喜欢的颜色可以在其他颜色 ...

  • 画图写字时如何改变字体颜色？

    画图写字时如何改变字体颜色？

    自从电脑日益走进我们的生活后,我们如何在画图中更改字体颜色呢?下面就让小编带你们来看看吧!怎么在画图写字时改变字体颜色1. 首先我们需要点击打开如图所示的电脑自带画板,2. 下一步我们需要点击如图所示 ...

  • 怎么让WPS表格中的数据按照设置的条件改变字体颜色

    怎么让WPS表格中的数据按照设置的条件改变字体颜色

    今天给大家介绍一下怎么让WPS表格中的数据按照设置的条件改变字体颜色的具体操作步骤.1. 打开电脑上的WPS软件,在页面上方点击"表格",新建一个空白表格:2. 为了方便演示,在表 ...

  • 智能手机如何改变字体颜色?

    手机功能越来越完善,大部分智能手机都有手写输入功能,但是字体颜色一般为黑色,想换个颜色怎么办呢,下面跟我一起来看一下怎么改变字体颜色. 操作方法 01 解锁打开手机. 02 可以拉动通知栏找到并打开设 ...

  • 使用Keil编程时怎么改变字体颜色，大小，间隔

    在用Kile编程烧录进单片机时,大点的程序代码很多行,看着挺费劲的,如果把字体颜色,大小,间隔改变一下,区分一下,就显得好看一点,下面我来讲述一下如何改变字体颜色. 操作方法 01 首先需要先下载这个 ...

  • 怎样在Word2007中改变字体颜色

    在Word2007文档中,用户可以根据实际需要为Word文档中的字符设置字体颜色,操作步骤如下所述: 步骤/方法 01 第1步,打开Word2007文档窗口,选中需要改变字体颜色的文本块. 02 第2 ...