修改typora主题的大纲目录字体大小

捉泥鳅的开心熊

请大佬出手帮忙修改typora主题

这个是用vue主题修改的vue-02蓝奏云https://wwxf.lanzn.com/iyEa32h2vs8j
修改需求：将左侧大纲目录的字体调整到20号

mrp123

在vue-02.css文件中添加如下配置:

.outline-item {
    font-size: 20px;

}

finillusion

你好
在文件vue-02.css的第72行添加
font-size: 20px;
这一行试试

[CSS] 纯文本查看 复制代码

?

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

/**修改前**/ h1, h2, h3, h4, h5, h6 {     position: relative;     margin-top: 1rem;     margin-bottom: 1rem;     font-weight: bold;     line-height: 1.4;     cursor: text; } /**修改后**/ h1, h2, h3, h4, h5, h6 {     position: relative;     margin-top: 1rem;     margin-bottom: 1rem;     font-weight: bold;     line-height: 1.4;     cursor: text; font-size: 20px; }

捉泥鳅的开心熊

finillusion 发表于 2024-12-3 16:34
你好
在文件vue-02.css的第72行添加
font-size: 20px;

你好，我试过了，还是不行。

finillusion

捉泥鳅的开心熊 发表于 2024-12-3 17:06
你好，我试过了，还是不行。

你好
那这样修改试试
将下面代码替换一下123的176的代码

[CSS] 纯文本查看 复制代码

?

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55

/*一级标题样式*/ h1 span{  display: inline-block;  font-size: 20px;  font-weight: bold;  background: rgba(40,118,250,0.7);  color: #ffffff;  padding: 3px 10px 1px;  border-top-right-radius: 3px;  border-top-left-radius: 3px;  margin-top: 15px;  margin-bottom: 15px;  margin-right: 3px; } /*2级标题样式*/ h2 span{  display: inline-block;  font-size: 20px;  font-weight: bold;  background: rgba(239, 112, 96,0.7);  color: #ffffff;  padding: 3px 10px 1px;  border-top-right-radius: 3px;  border-top-left-radius: 3px;   margin-top: 5px;  margin-bottom: 5px;  margin-right: 3px;   } /*3级标题样式*/ h3 span{ font-size: 20px ! important;  display: inline-block;  font-weight: bold;  background: rgba(2,171,107,0.7);  color: #ffffff;  padding: 3px 10px 1px;  border-top-right-radius: 3px;  border-top-left-radius: 3px;  margin-right: 3px; }   h4 {     font-size: 20px;     font-style:oblique; }   h5 {     font-size: 20px; }   h6 {     font-size: 20px;     color: #777; }

捉泥鳅的开心熊

finillusion 发表于 2024-12-3 17:15
你好
那这样修改试试
将下面代码替换一下123的176的代码

这样还是不行，这一块好像只是对标题起作用，网上说大纲相关代码是toc那一块，我也不懂。

finillusion

捉泥鳅的开心熊 发表于 2024-12-3 17:23
这样还是不行，这一块好像只是对标题起作用，网上说大纲相关代码是toc那一块，我也不懂。

你说的大纲可能是要设置软件字体的大小
https://www.php.cn/faq/787016.html
有设置过这个步骤里面的吗

捉泥鳅的开心熊

finillusion 发表于 2024-12-3 17:34
你说的大纲可能是要设置软件字体的大小
https://www.php.cn/faq/787016.html
有设置过这个步骤里面的吗

这个开始就设置了，调到最大都不行。
目前发现这几个主题的大纲字体是很大的
Drake
Drake  vue
Drake  google
Drake  light
相同设置条件下，更换主题就可以明显看出效果。

Zorinyuu

基于其他主题慢慢加上自己喜欢的样式吧？
你这个我也是怎么改都改不动……

finillusion

捉泥鳅的开心熊 发表于 2024-12-3 17:40
这个开始就设置了，调到最大都不行。
目前发现这几个主题的大纲字体是很大的
Drake

你好
可以尝试在vue-02.css文档结尾添加以下代码

[CSS] 纯文本查看 复制代码

?

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23

.md-toc-h1 {   font-size:20px }   .md-toc-h2 {   font-size:20px }   .md-toc-h3 {   font-size:20px }   .md-toc-h4 {   font-size:20px }   .md-toc-h5 {   font-size:20px }   .md-toc-h6 {   font-size:20px }