不少使用KiraKira进行对话创作的用户常会遇到折叠栏文字异常问题,浅色背景下内部文字自动变白,文字与底色融为一体完全看不清内容,极大影响阅读与编辑体验。该故障由全局美化样式覆盖原文CSS导致,下面整理两套实操方案,一套通过自定义美化代码根治色彩问题,顺带解决多余换行标签干扰;另一套无需调试代码,靠规范输出代码块快速修复,适配手机、电脑不同使用场景,按需选用即可。
一、出现情况
这是一个很多用户反映的比较常见的问题,折叠栏里的文字在浅色背景下变成了白色,导致无法正常查看。
图上空白部分实际上是有字的,但字色变成了和背景一样的白色,导致无法正常查看。
二、解决方法
【方法一】
1、在电脑浏览器环境下,右键,选择检查,即可打开开发者工具页面
2、再次选中有问题的文本,邮件检查
3、在界面下方的样式界面可以看见,此时的文字颜色并不是由作者的CSS代码,而是变成了由全局美化样式控制
4、由此,我们可以在全局美化内添加以下代码
/* 全局设置,调整折叠栏内文字颜色 */
#kira-content details p {
color:#D07F7A !important;
}
5、注意,在开发者模式下,这段代码里多出了额外的<p>标签和<br>标签,而这些多余的标签在修改模式下是看不见的。
如果不想要这些多出来的<br>标签,同样也可以在全局美化代码内加入以下代码
/* 全局设置,禁用<br>标签(即换行符)!慎用! */
#kira-content br {
display: none !important;
}
但是请慎用!<br>标签在html语言里起到的是换行符的作用,擅自ban掉该标签可能会影响到状态栏内其他内容的观看体验!
6、ban掉<br>标签后,换行符的替代方案是将文字用<p>标签或者<div>标签这样的块级元素包裹,他们天然独占一行。例如
<p>这是第一行</p>
<div>这是第二行</div>
【方法二】
这种方式实际上更加简单便捷,但在Gemini稳定降智的当下,稳定性可能不如前者。
直接打开编辑功能,检查状态栏代码前后是否被html代码块格式包裹,一个正常的代码块格式内容应该如下
'''html
(一串代码)
'''
如果没有代码块格式吗,那么把它补充进去即可。
同时也可以在面具/发送的消息/输出指令内补充对应指令:$所有的html代码在输出时**必须使用html代码块格式包裹**
适合电脑不在身边以及懒得写代码的用户。
以上问题解决后所呈现的效果如下